zoukankan      html  css  js  c++  java
  • 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
  • 相关阅读:
    jQuery效果
    jQuery事件
    jQuery安装和基础语法
    html5响应式布局
    html5新特性--音频视频,拖放
    js-浏览器DOM
    js-Array
    js-Date
    js-String
    Cocoa touch(五):UIControl
  • 原文地址:https://www.cnblogs.com/blog_jun/p/3663453.html
Copyright © 2011-2022 走看看