Question

我正在努力让标签从标签1更改为标签2.我在stackoverflow上找到了一些主题，但没有一个有效，所以我在这里设置了一个html / jquery / css页面：

在点击链接时如何将标签更改为“标签2”的任何想法？我使用的引导程序也令我感到困惑。

Answer 1

我为此创建了a JSFiddle，更容易玩：

但是如果你改变了你的链接，那就可以了：

<a href="#" onclick='$(".nav-tabs a[href=\"#B\"]").tab("show")'>Link to tab 2</a>

Answer 2

你也可以尝试一下javascript / jquery代码

//Force click method.
//You can directly put the force click method in the click event handler
//But I prefer this way for readability and ease of maintenance.
function toggleClick(elementSelector) {
    $(elementSelector).click();
}
//Delegated click event on the tab-content section
//This event will handle all Anchor tags within tab content
//All you have to do with the markup is add a data-id on the tabs i.e **li > a** which is located in the UL tag
$(".tab-content").on("click", function(e) {
    if (e.target && e.target.tagName === "A") {
        toggleClick("[data-id='" + e.target.hash + "']");
        //Without toggleClick method
        //$("[data-id='" + e.target.hash + "']").click();
    }
});

我还创建了一个工作Fiddle供您解决。

使用链接/单击更改jQuery / Bootstrap选项卡

2 个答案: