簡體   English   中英

如何使用jquery定位同位素數據過濾器?

[英]How to target isotope data-filter with jquery?

http://isotope.metafizzy.co/docs/filtering.html

我正在使用同位素過濾某些元素。 如果該過濾器(來自導航菜單)當前處於活動狀態,我想顯示/隱藏一個按鈕:

jQuery的:

if($('nav.primary ul a').attr('.designs') == true){
        $(".loadMore").show();  
    }
else{$(".loadMore").hide();}

HTML:

<nav class="primary clearfix">
    <ul>
        <li><a href="#" class="selected" data-filter=".designs">Designs<span class="count">27</span></a></li>
        <li><a href="#" data-filter=".flash">Flash<span class="count">11</span></a></li>
    </ul>
</nav>

屬性名稱是數據過濾器,所以我認為您的條件應該是

if($('nav.primary ul a').attr('data-filter') == ".designs"){
    $(".loadMore").show();  
}
else{
    $(".loadMore").hide();
}

好的,我通過執行以下操作修復了該問題:

$('nav.primary ul a').click(function(){
        var selector = $(this).attr('data-filter');
        if (selector !== ".designs"){
            $(".loadMore").hide();
        }
        else {
            $(".loadMore").show();
        }
    });

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM