當使用idTabs時，以編程方式更改選項卡

Question

我想要具有實際的idtab按鈕以及可以通過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(); 
}