jQueryアイソトープ：変数の取得に基づいてページの読み込みをフィルタする

Question

jQueryアイソトーププラグインを使用しており、ページが読み込まれたときに特定のグループのアイテムのみを表示したいとします。現在、すべての項目が表示されます。たとえば

http://aproposstudio.com/category/work/

、上記のリンクを表示する「壁画」でページをロードする方法はありますか？

ありがとうございました。

Answer 1

だから私はあなたのHTML要素に適用されるクラスを使用する場合は、あなたが簡単にそれらを選択し、次のjQueryラインでそれらを非表示にすることができますあなただけのシンプルな非表示を（使用したいと思う）とshow（）メソッド

。

$(".project").hide() 
$(".murals").show() 

ここでは、すべてのプロジェクトを「非表示」し、壁画だけを表示します。

それは意味がありますか？

Answer 2

非常に簡単です！

(function ($) { 
    $(window).load(function() { 

     // settings 
     var sortBy = 'date', // SORTING: date/name 
      sortAscending = true, // SORTING ORDER: true = Ascending/false = Descending 

      theFilter = '.YOUR SORT'; // DEFAULT FILTERING CATEGORY 

Answer 3

答えは非常に簡単です：

$('#container').isotope({ filter: '.your-filter-name' }); 

は、あなたのコード内でこの行を使用します。

REFEREこのリンク：http://isotope.metafizzy.co/docs/filtering.html