Bootstrap中tab切换相关

  $('#myTab a').click(function (e) {
       var clickTab = e.target.name;
       var flag=$("#approval").find("input[name='caseFlag']:checked").val();
        // $('#myTab a[href="#profile"]').tab('show'); // Select tab by name
        if (flag == '1') {
            $(this).tab("show");
            e.preventDefault();
         }
         
       
    })
 /*新选项卡显示之前*/
    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
        var temp = $(this).attr("href");
        /* console.log(e.target.nodeName);//获取事件触发元素标签名(li,p,div,img,button…)
         console.log(e.target.id);//获取事件触发元素id
         console.log(e.target.className);//获取事件触发元素classname
         console.log(e.target.innerHTML);//获取事件触发元素的内容(li)
         console.log(e.relatedTarget) // 老选项卡对象
         console.log($(e.target).text()); // 获取已激活的标签页的名称
         console.log($(e.relatedTarget).text());  // 获取前一个激活的标签页的名称*/
        var previousActiveTab = e.relatedTarget.name;
        var flag = $("#"+previousActiveTab).find("input[name='caseFlag']:checked").val();
         if (flag == '1') {
             e.preventDefault();
             $(this).tab("show")
         }
    })

参考链接:https://blog.csdn.net/qq_30337695/article/details/52298109

                  https://blog.csdn.net/wulex/article/details/83275350

发布了100 篇原创文章 · 获赞 47 · 访问量 21万+

猜你喜欢

转载自blog.csdn.net/sl1990129/article/details/103405156
今日推荐