Javascript 如何使用jquery针对同位素数据过滤器？

我用同位素来过滤一些元素。如果该过滤器（从导航菜单）当前处于活动状态，我想显示/隐藏一个按钮：

jquery：

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

html:

属性名称是数据过滤器，因此我认为您的条件应该是

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();
        }
    });

---

谢谢你的更正。但仍然不起作用，当我单击下一个链接（Flash）时，按钮没有隐藏，该链接具有不同的数据过滤器。您可以编写一个JSFIDLE，以便我可以检查并更正它吗？我认为.attr是错误的，所以我使用了

if（$（'nav.primary ul a[data filter=designs]'）==true）{$（.loadMore”）.show（）；}

，但仍然不起作用

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