通过javascript链接href以单击选项卡中的按钮

有一个（引导）网站，如下所示：

<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>

按钮1
按钮2
按钮3

以下是我的问题，当我使用tab2中按钮3的链接时：

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

不过，这是可行的；但我不想先看到tab2，然后再看到button3

---

如何改进代码，以便直接转到选项卡2中的按钮3？

以下是我在fiddle中遇到的问题代码：

但是单击按钮时的内容来自ajax，我不知道如何用fiddle编写ajax，所以它被iframe取代

在小提琴中，它没有显示我所面临的情况

在fiddle中，当我按tab1中的“GoToButton3Tab2”时，网站会直接转到tab2的按钮3

在我的情况下，当我按tab1中的“GoToButton3Tab2”时，网站总是通过tab2的button1的内容，然后转到tab2的button3

我想这是因为我在window.onload时将tab2的button3设置为active

所以我通过替换

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

到

但还有一个问题，当我在tab1中按下“GoToButton3Tab2”时，网站会通过空tab2，然后转到tab2的按钮3

因此，我通过改变.tab（'show'）和.click（）的顺序来解决这个问题

到

---

现在，当我按tab1中的“GoToButton3Tab2”时，网站会直接转到tab2的按钮3。

你能在小提琴中复制它吗？这是一个很好的建议~但我不知道如何在小提琴中编写ajax

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

<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>