2010-11-01 100 views
1

我想要具有实际的idtab按钮以及可以通过JavaScript更改选项卡的选项卡中的链接/按钮。当使用idTabs时,以编程方式更改选项卡

这是可能的,如果是这样怎么样?通过实例看 感谢

+0

不知道在你说的是什么?什么实际标签?你可以发布一些代码吗? – gideon 2010-11-01 13:14:08

+0

插件和代码示例可以在这里找到http://www.sunsean.com/idTabs/ – keyoke 2010-11-01 13:21:53

回答

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();} 
1

我刚才通过您的文章跌跌撞撞谷歌搜索后。如果有其他人以同样的方式到达这里,我会提供建议。

而不是...

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

......还有......

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

...应该使用:

$("yourMenu#IdOrHTMLTag a") 

这将防止代码在页面的所有链接上调用jQuery的.hide().removeClass,这会引发错误。

1

你可以达到你想要的只是触发的链接的点击事件:

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