0

如何在此代码中添加点击功能，以便除了打开子菜单还调用过滤器链接重要？

$('#dl-menu a').ready(function(e) {
    var selector = $(this).attr('data-filter');
    $container.isotope({ filter: selector });
    e.preventDefault();
    e.stopPropagation();
});


$('.dl-submenu a').click(function(e) {
    var selector = $(this).attr('data-filter');
    $container.isotope({ filter: selector });

    e.preventDefault();
    e.stopPropagation();

});
4

2 回答 2

0

我要去这里的一个分支...

您正在单击菜单 id="dl-menu a" 并且希望在显示子菜单的同时应用过滤器。

你试过了吗？

$('#dl-menu a').ready(function(e) {
        var selector = $(this).attr('data-filter');
        $container.isotope({ filter: selector });
        $('.dl-submenu a').show();
        e.preventDefault();
        e.stopPropagation();
    });

我不确定过滤器如何应用于您的子菜单。

编辑....试试这个：

$('#dl-menu-a').ready(function(e) {
        var selector = $('.dl-submenu a').attr('data-filter');
        $container.isotope({ filter: selector });
        $('.dl-submenu a').show();
        e.preventDefault();
        e.stopPropagation();
    });

现在过滤器适用于子菜单属性而不是菜单。

另外，我认为在您的 id 中包含 whietspace (dl-menu a) 不是一个好习惯。我在上面的示例中对其进行了修改。这可能只是你的问题。

该线程清楚地显示了良好的命名约定HTML 中 id 属性的有效值是什么？

于 2013-09-18T14:03:48.090 回答
0

您的问题（基于问题中的当前信息）可能是由于在第一个实例中使用了 ID 而在第二个实例中使用了一个类。

$('#dl-menu a').ready(function(e) {

$('.dl-submenu a').click(function(e) {

请注意，第一项是#dl，第二项是 .dl，更正哪个错误，它可能会解决您的问题。

于 2013-09-18T13:58:26.170 回答