0

我正在使用 Twitter Bootstrap，并且已经成功实现了这些选项卡。我有一个按钮应该显示在除一个之外的所有选项卡上，知道我该怎么做吗？

<div class="span6 offset1"> 
  <div class="tabbable">
    <ul class="nav nav-tabs">
      <li class="active"><a href="#general" data-toggle="tab">General</a></li>
      <li><a href="#example2" data-toggle="tab">Example2</a></li>
      <li><a href="#example3" data-toggle="tab">Example3</a></li>
    </ul>

    <div class="tab-content">
      <div id="general" class="tab-pane fade in active" >
       //content
      </div>
      <div id="example2" class="tab-pane fade" >
       //content
      </div>
      <div id="example3" class="tab-pane fade" >
       //content
      </div>
    </div>
 </div> 
 <input type="submit" style="width:120px" class='btn btn-primary' id="update" value="Update"/> 
</div>

我如何对其进行编程，以便在显示选项卡示例3 时，更新按钮将被隐藏，但在显示常规选项卡和示例 2时仍保留在页面上。

谢谢！

4

2 回答 2

3

我不确定引导选项卡中是否有任何事件被触发。但最简单的方法是在 example3 链接上使用 mouseclick 事件，甚至可以尝试触发自定义事件。

$('a[href="#example3"]').on('click',function(){
 $("#update").hide();
});
于 2012-04-20T11:40:47.137 回答
-1

利用.style.display = 'none'

例如

document.getElementById(id).style.display = 'none';
于 2012-04-19T09:42:15.407 回答