@H_502_1@我已经使用Bootstrap创建了一个nav-tab,但是在单击其他选项卡之前,第一个选项卡不会自动加载.单击其他选项卡后,可以使用第一个选项卡.
这是小提琴: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>
解决方法
您需要将选项卡窗格设置为默认激活以及li:
<form class="form-inline tab-pane active" id="1">