Question

当页面加载时，当活动标签位于表单1上时，我正在使用3选项卡菜单。单击每个选项卡时，应删除活动标记并将其应用于新选定的表单。 form1 form2 form3

当我不向每个标签添加表单时，这可以正常工作。但是当我确实添加表格时，问题仍然存在。

我正在使用contact 7 wordpress插件制作表单。我的javascript会与现有的东西冲突吗？

这是我的javascript？有没有办法可以通过contact 7 plugin更改它以使其更好地工作？

  <script>
    $('#myForm a').click(function (e) {
        var tab = $(this);
        if(tab.parent('li').hasClass('active')){
            window.setTimeout(function(){
                $(".tab-pane").removeClass('active');
                tab.parent('li').removeClass('active');
            },1);
        }
    });
    </script>

您可以看到我正在使用Click Here的网站选项卡中主页上的表单。

Answer 1

您可以通过删除所有兄弟li元素上的活动类来简化逻辑，然后将活动类添加到单击的元素中。

$('#myForm a').click(function (e) {
    var tab = $(this);
    tab.parent('li').siblings('li').removeClass('active');
    tab.parent('li').addClass('active');
});

活动链接未被删除

1 个答案: