7
我已经使用Bootstrap创建了导航选项卡,但第一个选项卡不会自动加载,直到单击其他选项卡。点击其他标签后,可以使用第一个标签。默认情况下Twitter Bootstrap导航选项卡不加载
这里是小提琴:http://jsfiddle.net/GGMWX/416/
基本上,一旦脚本加载,删除导航选项卡没有显示的删除按钮。它只有当我点击促销或还原导航标签,删除导航标签变得活跃和加载。
<!-- Body content -->
<ul class="nav nav-tabs nav-justified" data-tabs="tabs">
<li class="active"><a href="#1" data-toggle="tab">Delete File</a></li>
<li><a href="#2" data-toggle="tab">Promote</a></li>
<li><a href="#3" data-toggle="tab">Revert</a></li>
</ul>
<br>
<form class="form-inline tab-pane" id="1">
<input class="btn btn-primary" id="deleteFileButton" type="button" value="Delete File" />
</form>
<form class="form-inline tab-pane" id="2">
<input class="btn btn-primary" id="promoteManifestButton" type="button" value="Promote" />
</form>
<form class="form-inline tab-pane" id="3">
<input class="btn btn-primary" id="revertButton" type="button" value="Revert Release" />
</form>
</div>