Zmiana kolejności izotopów po wyszukiwaniu nie działa

Question

Zintegrowałem wtyczkę wyszukiwania jquery, aby przeszukać elementy izotopów, wtyczka używa wyrażeń regularnych do sortowania treści w czasie rzeczywistym na podstawie danych wejściowych wyszukiwania.

elementy izotopowe aktualizują się automatycznie (Używam wordpress wtyczki, która pobiera dane z sieci społecznych)

Moje pytanie brzmi: w jaki sposób mogę zmienić kolejność elementów po wyszukiwanie jest wykonywane?

LE: I został rozwiązany TO stosując inne plugin dla SEARCHING: Oto kod:

   $(document).ready(function() { 
      $("#id_search").quicksearch(".dcsns-content .isotope-item", { 
       noResults: '#noresults', 
       loader: 'span.loading', 

       'show': function() { 
    $(this).addClass('quicksearch-visible'); 
}, 
'hide': function() { 
    $(this).removeClass('quicksearch-visible'); 
}, 
'onAfter': function() { 
    $('.dcsns-content .stream').isotope({ filter: '.quicksearch-visible' }); 
} 
      }); 
     }); 

Answer 1

jak zadeklarować $ pojemnik do .load, funkcja tylko .load będą widzieć

dwa rozwiązania, należy dodać var ​​$ pojemnik = $(); w normalnych js tak .load i .ready niego dostęp

lub scalić wszystko w .ready funkcję:

$(function(){ 
    var $searchBox = $("#searchbox"); 
    var $searchFilter = $('.searchFilter'); 
    var $container = $('.wall-outer .stream'); 

    $searchBox.on("blur",function(){ 
     if(this.value === '') 
       this.value='Keyword(s)'; 
    }).on("focus",function(){ 
     if(this.value === this.defaultValue) 
       this.value = ''; 
     else this.value = null; 
    }); 

    $searchFilter.simpleContentSearch({ 
     'active' : 'searchBoxActive', 
     'normal' : 'searchBoxNormal', 
     'searchList' : 'dcwss-content ul li',  // this is important 
     'searchItem' : 'div'      // this is important 
    }); 

    $(".search-btn").on("click", function(){ 
     $searchBox.val($(this).data("search")); 
     $searchFilter.keyup(); 
     $container.isotope('reLayout'); 
    }); 

    $(".search-reset").on("click", function(){ 
     $searchBox.val(""); 
     $searchFilter.keyup(); 
     $container.isotope('reLayout'); 
    });    

    $container.isotope('reLayout'); 
}); 

Answer 2

udało mi się dostać jeden strzał przykład działa poprzez dodanie następujących do końca plik filtercontent.js:

// Get isotope container 
    $container = jQuery('.dc-wall .stream'); 

    // Clear out existing isotope class instance 
    $container.data('isotope', null); 

    // Start a new isotope instance on the container 
    $container.isotope({ filter: ':visible', sortBy: 'postDate' }); 

ta działa tylko przy pierwszym kliknięciu na search 1, ale pokazuje pojęcie ponownym izotop jest prawidłowy. Nie rozumiem w wystarczającym stopniu tego, jak działa filtrowanie, ale mam nadzieję, że da ci to punkt wyjścia.

Istnieje problem, że filtr treści animuje przedmiotów do display: none użyciu hide() lub fade(), więc ta działa tylko wtedy, gdy hide był natychmiastowy (tak, ja też zmienić filtr używać hide(0)) np

jQuery(this).parent('.' + settings.searchList).hide(0);