検索後の同位体再配列

Question

アイソトープ要素で検索するためのjquery検索プラグインが統合されています。このプラグインは、検索入力に基づいてコンテンツをリアルタイムでソートするために正規表現を使用します。

同位体要素が自動的に更新されます（私はソーシャルネットワークからデータを取得ワードプレスのプラグインを使用しています）

私の質問は、検索が実行された後、私は要素の順序を変更する方法、ありますか？

LE：私はSEARCHINGのために他のプラグインを使用してこれを解決しよう'VE：ここ は、コードは次のとおりです。

   $(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関数は）（あなたは変数$コンテナ= $を追加し、それ

2つのソリューションが表示されます。通常のJSで非常に.LOADと.readyが

それにアクセスするか、.ready関数にすべてのマージ：あなたは `jQueryの（ウィンドウ）.LOAD（関数（）{`理由を使用している

$(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をクリックしてください最初の時間を動作しますが、同位体を再起動するという概念が有効であることを示しています。私はあなたのフィルタリングがどのように機能するかについて十分に理解していませんが、これがあなたに出発点を与えることを願っています。

皮がインスタントした場合があり、コンテンツフィルタはhide()又はfade()を用いdisplay: noneに項目をアニメーション化という点で問題があるため、これが唯一の仕事（私はまた、hide(0)を使用するようにフィルタを変更し）、例えばあなたは.LOADに$コンテナを宣言するよう

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