从另一个函数中调用 twitter 引导选项卡函数答案

【问题标题】：Calling twitter bootstrap tab function from within another function从另一个函数中调用 twitter 引导选项卡函数
【发布时间】：2012-05-05 17:42:04
【问题描述】：

使用 bootstrap-tab.js 我想激活一个选项卡，从另一个函数中调用它。 html:

<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 的新手。

[编辑] 我将原始页面剥离为上面显示的内容并且它可以工作。因此，可能与其他功能发生冲突。很抱歉浪费您的时间。

【问题讨论】：

何时以及如何调用activate_tab()？
@JustinY 在测试模式下，通过点击锚点。最终它将是文本输入的 onChange。
当您说activate_Tab() 不起作用时，您是什么意思？当它被调用时会发生什么？当你显示标签 2 时，你确定标签 1 和标签 3 是隐藏的吗？
您是否将active_tab() 放在jquery wrap 中，即jQuery(function($) {});
@JustinY（我编辑了上面的 activate_tab()）警报“1”触发，警报“2”没有。我需要调用隐藏其他选项卡的函数吗？

标签： javascript jquery twitter-bootstrap

【解决方案1】：

如果你不这样做，试试这个

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

【讨论】：

我添加了这个，点击相应的锚点后我没有收到警报“1”。