javascript - 如何将点击事件附加到 Bootstrap 选项卡？

Question

我对 Bootstrap 选项卡有疑问。我想创建一个带有子菜单的基于选项卡的菜单。在所有选项卡上都附加了一个 mouseenter 事件，因此当我使用鼠标指针进入选项卡时，子菜单中会出现链接。但是有些选项卡不需要子菜单，所以我需要给它们附加一个点击事件，识别我点击的选项卡并将我重定向到一个页面。我用这段代码附加了点击事件:

 $('#mainTabPanel a').click(function (e) {
    e.preventDefault();

    var $destination = $(this);

    if ($destination.hash === "#about") {
        window.location.replace("http://stackoverflow.com");
    }
});

但它不起作用。你能帮帮我吗？

编辑

我在 JsFiddle 中做了一个例子: https://jsfiddle.net/Romanus91PL/a12m71pf/5/

当我单击“Bing 链接” anchor 时，它们会将我重定向到 bing.com 站点。我也想将这样的事件应用到“关于”选项卡(当我单击它时，它应该将我重定向到 bing 站点)。

Answer 1

如果我正确理解你的问题，那么这个呢

$(function () {
    $('#mainTabPanel a').mouseover(function (e) {
        e.preventDefault();
        $(this).tab('show');
    });

    $('#mainTabPanel a').click(function(e) {
        e.preventDefault();

        if (this.hash === "#about") {
            window.location.replace("https://bing.com");
        }
    });
});

https://jsfiddle.net/szepiet83/myqo4wx7/