鏈接的href點擊一個標籤按鈕

Question

有一個（引導）網站象下面這樣：

<ul id="myTab"> 
    <li><a href="#tab1">TAB1</a></li> 
    <li><a href="#tab2">TAB2</a></li> 
    <li><a href="#tab3">TAB3</a></li> 
</ul> 

<div id="myTabContent"> 
    <div id="tab1"> 
     <!--tab1 content--> 
    </div> 
    <div id="tab2"> 
     <div> 
      <button id="button1">BUTTON1</button> 
      <button id="button2">BUTTON2</button> 
      <button id="button3">BUTTON3</button> 
     </div> 
    </div> 
    <div id="tab3"> 
     <!--tab3 content--> 
    </div> 
</div> 

這裏是我的問題，當我使用一個鏈接TAB2到BUTTON3：

<a href="javascript: 
    $('#myTab li:eq(1) a').tab('show'); 
    $('#button3').click(); 
    $('html,body').scrollTop(0);">GoToButton3Tab2 
</a> 

它的工作，雖然;但我不想將頁面先看到tab2，然後看到button3。

我該如何改進我的代碼，以便可以直接轉到標籤2中的button3？

Answer 1

這裏是我的問題代碼小提琴： http://jsfiddle.net/vincida/o0rb09ry/34/

但內容時，點擊按鈕是從阿賈克斯，我不知道怎麼寫的小提琴阿賈克斯，所以用iframe的更換。

在小提琴中，它不顯示我面臨的情況。

在小提琴中，當我在tab1中按「GoToButton3Tab2」時，網站直接轉到tab2的button3。

在我的情況下，當我在tab1中按「GoToButton3Tab2」時，網站總是通過tab2的button1的內容，然後轉到tab2的button3。

我想這是因爲我設置TAB2的BUTTON3活躍時的window.onload

所以我解決它通過更換

window.onload = function() { 
    document.getElementById("button1").click(); 
} 

到

$(function() { 
    $('#myTab li:eq(1)').click(function() { 
     document.getElementById("button1").click(); 
    }); 
}); 

但是還有另外一個問題，當我在tab1中按下「GoToButton3Tab2」時，網站通過空tab2，然後轉到tab2的button3。

所以，我改變的.tab）的順序（ '顯示'）和。點擊（

<a href="javascript: 
    $('#myTab li:eq(1) a').tab('show'); 
    $('#button3').click(); 
    $('html,body').scrollTop(0);">GoToButton3Tab2 
</a> 

到

<a href="javascript: 
    $('#button3').click(); 
    $('#myTab li:eq(1) a').tab('show'); 
    $('html,body').scrollTop(0);">GoToButton3Tab2 
</a> 

現在，解決它，當我按下 「GoToButton3Tab2」 在tab1，網站直接轉到tab2的button3。