bootstrap 下 标签页跳转总结

最近遇到一个问题，是关于bootstrap中的标签页实现上的一些功能实现，现总结一下。

问题描述：点击其他标签页后，如何在点击搜索按钮后自动跳转到第一个标签页。如下图

 

 

通过对bootstrap框架里的对选项卡操作的代码后，发现简单的用一句 $(".nav-tabs a:first").tab(\'show\');即可实现。具体代码如下：

 1     $("#search").click(function(){              //单击搜索按钮 
 2         var systems = $("#system").val();
 3         var beginTimes = $("#beginTime").val();
 4         var endTimes = $("#endTime").val();
 5         getTaskList(systems,beginTimes,endTimes,\'Task\',1);
 6         $(function(){
 7             $(".nav-tabs a:first").tab(\'show\');
 8         });
 9         
10     }); 

 

bootstrap中，对标签页操作的代码：

 1 $(function () {
 2 $("#tabs1 a").click(function (e) {
 3 $(this).tab(\'show\');
 4 });
 5 $("#tabs2 a").click(function (e) {
 6 $(this).tab(\'show\');
 7 });
 8 $("#tabs3 a").click(function (e) {
 9 $(this).tab(\'show\');
10 });
11 $("#tabs4 a").click(function (e) {
12 $(this).tab(\'show\');
13 });
14 });

View Code