Twitter引导程序：如何在显示某些选项卡时隐藏元素

Question

我正在使用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时，更新按钮将被隐藏，但在显示选项卡一般和例题仍然页。

谢谢！

Answer 1

我不确定在引导标签中是否有任何事件被触发。但最简单的方法可以是在example3链接上使用鼠标点击事件，或者甚至可以尝试触发自定义事件。

$('a[href="#example3"]').on('click',function(){ 
$("#update").hide(); 
}); 

Answer 2

使用.style.display = 'none'

例如，

document.getElementById(id).style.display = 'none';