bootstrap 下 标签页跳转总结

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

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

 

 

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

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

 

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

$(function () {
$("#tabs1 a").click(function (e) {
$(this).tab('show');
});
$("#tabs2 a").click(function (e) {
$(this).tab('show');
});
$("#tabs3 a").click(function (e) {
$(this).tab('show');
});
$("#tabs4 a").click(function (e) {
$(this).tab('show');
});
});