Question

我想要一些按钮使用数据目标属性过滤点击中的不同cpts。因此，按钮获取data-target="logos"例如，单击将仅显示该类型。我使用下面的脚本，效果很好。

jQuery(function() {
    jQuery('.buttons-two a').click(function() {
        jQuery(this).addClass('selected').siblings().removeClass('selected');
        var target =  jQuery(this).data('target');
        if (target === 'all') {
            jQuery('.status-publish').show();
        } else {
            jQuery('.status-publish').hide();
            jQuery('.type-' + target).show();
        } 
    });
});

问题是我还想按标签过滤。因此，标记为“spotlight”的项目将在按钮单击时显示调用该数据目标。为了实现这一点，我将上面的最后一行更改为jQuery('.tag-' + target).show();，这样可行，但只有当我在单独的脚本中使用它时才会这样做。

组合这两个脚本的正确方法是什么？

以下是两组按钮（只有这样才能使它工作）：

<div class="buttons-two">
  <a class="btn btn-default showSingle" data-target="portfolio-spotlight">Spotlight</a>
</div>

<div class="buttons">
  <a class="btn btn-default showSingle" data-target="brochures">Brochures</a>
  <a class="btn btn-default showSingle" data-target="business-cards">Business Cards</a>
  <a class="btn btn-default showSingle" data-target="logos">Logos</a>
  <a class="btn btn-default showSingle" data-target="misc">Misc</a>
  <a class="btn btn-default showSingle" data-target="postcards">Postcards</a>
  <a class="btn btn-default showSingle" data-target="stationery">Stationery</a>
  <a class="btn btn-default showSingle" data-target="websites">Websites</a>
</div>

编辑：

所以现在它确实有效，但我不知道为什么。这是当前页面上的脚本：

jQuery(function() {
    jQuery('.buttons-two a').click(function() {
        jQuery(this).addClass('selected').siblings().removeClass('selected');
        var target = jQuery(this).data('target');
        if (target === 'all') {
            jQuery('.status-publish').show();
        } else {
            jQuery('.status-publish').hide();
            jQuery('.tag-' + target).show();
            jQuery('.type-' + target).show();
        }
    });
});

现在只引用类buttons-two的按钮，但脚本正在处理这两个集合 - 类buttons。我很高兴它有效，但这对我来说毫无意义。

jquery新手。如何组合这些脚本？

0 个答案: