3

こんにちは私はjQueryIsotopeを使用していて、次のようなフィルターがあります。

<ul class="filter option-set " data-filter-group="date">        
   <li><a class="selected" href="#filter-date-January" data-filter-value=".January">January</a></li>
   <li><a href="#filter-date-April" data-filter-value=".April" class="">April</a></li>
   <li><a href="#filter-date-any" data-filter-value="" class="">ALL</a></li>
 </ul>

最初のアイテムに「選択された」クラスを使用していても、アイテムはその基準でフィルタリングされず、代わりにすべてが表示されます。それを機能させるために私がすべきことは他にありますか？

前もって感謝します。ルー

4

1 に答える 1

0

初期化とフィルタリングを分割することができます。別の関数でフィルタリングを処理したいのですが、次のようになります。

$(function() {
   // isotope init
   $(container).isotope({
       itemSelector: '.item',
       animationOptions: {
           duration: 750,
           easing: 'linear',
           queue: false
       }
   });

   filterItems(); // filter onload

});

var selectedDate = '.January'; // update this var with your UI

var filterItems = function() {
    $('ul.option-set li a').each(function(i, a) {
        if($(a).data('filter-value') == selectedDate) {
            $(a).addClass('selected');
        }
        else {
            $(a).removeClass('selected');
        }
    }); 
   $container.isotope({
        filter: '.selected',
        isAnimate: true
    });
};
于 2013-01-03T13:23:19.890 に答える