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'); }); });