使用idTabs时以编程方式更改Tabs

Question

我希望实际的标签按钮以及标签中的链接/按钮能够通过JavaScript更改标签。

这有可能吗？ 感谢

Answer 1

再次查看这些示例后，我重新使用了大部分内容，并提出了以下内容

  function switchTab(ActiveTab) {
        var set = $('.idtabs').html();   

        $("a", set).removeClass("selected")
        .filter("[href='" + ActiveTab + "']", set).addClass("selected");

        $.each($("a", set), function (key, value) {
            $($(value).attr("href")).hide();
        });

        $(ActiveTab).show();}

Answer 2

我在谷歌搜索后偶然发现了你的帖子。如果其他人以同样的方式到达这里，我会提出建议。

而不是......

$("a", set).removeClass("selected")

...和...

$.each($("a", set), function (key, value) {

......应该使用：

$("yourMenu#IdOrHTMLTag a")

它会阻止代码在页面的所有链接上调用jQuery的.hide()和.removeClass，这会引发错误。

Answer 3

您可以实现您想要的功能，只需触发链接的点击事件：

function switchTab(ActiveTab) {
    $("a[href'"+ActiveTab+"']").click();
}