bootstrap 下标签页跳转总结

2024-10-13 00:50:31

最近遇到一个问题，是关于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');
 });
 });

最新文章

热门文章