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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章