在頁面加載時應用同位素數據過濾器

Question

我有一個WordPress插件，它使用同位素數據過濾器對菜單項進行排序，但在頁面加載時，項目未分類。我增加了以下功能到我的functions.php：

function add_custom_script(){ 
?> 
<script> 
(function($){ 
    $(window).load(function() { 
     $('a[data-filter=".sparmenue"]').trigger('click'); 
    }); 
})(jQuery); 
</script> 
<?php 
} 
add_action('wp_footer', 'add_custom_script'); 

它的工作，但由於後最初顯示的項目它的執行它的醜陋。我在這裏閱讀另一篇關於類似問題的文章，但我無法獲得適用於我的特定模板的解決方案。

Demo page。

Answer 1

您是否嘗試過通配符過濾器來獲取所有項目？

<a href="#" data-filter="*" class="menu-filter-link">Alle anzeigen</a> 

編輯： OK，我認爲你不需要的第一個菜單上的所有項目。所以這裏是一個jsfiddle顯示你所需要的。

編輯：就在你的文件

(function($){ 
    $(window).load(function() { 
     $('a[data-filter=".sparmenue"]').trigger('click'); 
    }); 
})(jQuery); 

年底將這段代碼有了這一個

$(function(){ 

    var $container = $('#grid-wrap'), 
     $filterLinks = $('#menu-filters a'); 

    $container.isotope({ 
    itemSelector: '.isotope-item', 
    filter: '.sparmenue' 
    }); 

    $filterLinks.click(function(){ 
    var $this = $(this); 

    // don't proceed if already selected 
    if ($this.hasClass('selected')) { 
     return; 
    } 

    $filterLinks.filter('.selected').removeClass('selected'); 
    $this.addClass('selected'); 

    // get selector from data-filter attribute 
    selector = $this.data('filter'); 

    $container.isotope({ 
     filter: selector 
    }); 


    }); 

}); 

如果你願意，你也可以添加旁邊的一個選擇類菜單過濾器鏈接來突出顯示所選類別。