從另一個函數中調用twitter bootstrap選項卡函數

使用bootstrap-tab.js我想激活一個選項卡，並從另一個函數中調用它。 HTML：從另一個函數中調用twitter bootstrap選項卡函數

<a onClick='activate_tab()'>Activate Tab</a> 
<ul class='nav nav-tabs hydro' id='nav_tabs'> 
    <li class='active'><a href='#1' data-toggle='tab'>First</a></li> 
    <li class=''><a href='#2' data-toggle='tab'>Second</a></li> 
    <li class=''><a href='#3' data-toggle='tab'>Third</a></li> 
</ul> 
<div class='tabbable'> 
    <div class='tab-content'> 
    <div class='tab-pane active' id='1'>content first</div> 
    <div class='tab-pane ' id='2'>content second</div> 
    <div class='tab-pane ' id='3'>content third</div> 
    </div> 
</div>

我可以用下面的激活頁面加載標籤：

<script>jQuery(function($){$('#nav_tabs li:eq(2) a').tab('show');})</script>

而且標籤通過點擊相應錨元素正確激活。以下不起作用：

function activate_tab(){ 
    //process other data...then goto tab 
    alert(1); 
    $('#nav_tabs li:eq(2) a').tab('show'); 
    alert(2); 
}

我是新來的JavaScript/jQuery。

[編輯]我剝離了原來的頁面，只是上面顯示的內容，它的工作原理。所以，可能與其他功能發生衝突。對不起，浪費你的時間。

來源

2012-05-05 tgrass

何時以及如何爲'activate_tab（）'被稱爲？ – 2012-05-05 17:46:30

@JustinY在測試模式下，通過onClick的錨點。最終它將成爲文本輸入的轉換。 – tgrass

當你說'activate_Tab（）'不起作用時，你是什麼意思？當它被調用時會發生什麼？當你顯示標籤2時，你是否確定標籤1和標籤3是隱藏的？ – 2012-05-05 17:50:02

試試這個，如果你不

<script> 
    jQuery(function($){ 

     function activate_tab(){ 
     //process other data...then goto tab 
     alert(1); 
     $('#nav_tabs li:eq(2) a').tab('show'); 
     alert(2); 
     } 

    }); 
    </script>

來源

2012-05-05 17:53:06 thecodeparadox

我已經添加了這個，點擊相應的錨點後我沒有收到Alert'1'。 – tgrass

從另一個函數中調用twitter bootstrap選項卡函數

回答

相關問題