isotope reorder после поиска не работает

Question

Я интегрировал плагин поиска jquery для поиска по изотопным элементам, плагин использует регулярное выражение для сортировки контента в режиме реального времени на основе ввода поиска.

изотопные элементы автоматически обновление (я использую Wordpress плагин, который извлекает данные из социальных сетей)

Мой вопрос, как я могу изменить порядок элементов после того, как выполняется поиск?

LE: Я решил эту с помощью других плагин для SEARCHING: Вот код:

   $(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

, как вы объявите $ контейнера в .load только .load функция будет видеть, что это

два решения, добавьте вар $ контейнер = $(); в нормальных JS так .load и .ready будут получать доступ к этому

или объединить все в .ready функции:

$(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

Я был в состоянии получить пример один выстрел работает, добавив следующее в конце файл 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' }); 

Это работает только первый раз, когда вы щелкаете на search 1, но показывает понятие перезапуска изотопа является действительным. Я недостаточно понимаю, как работает ваша фильтрация, но я надеюсь, что это дает вам отправную точку.

Существует проблема в том, что фильтр содержимого одушевляет элементы в display: none с помощью hide() или fade(), так это работало только если шкура была мгновенной (так же я поменял фильтр использовать hide(0)), например,

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