1. 程式人生 > >Bootstrap 標籤頁Tab外掛的事件

Bootstrap 標籤頁Tab外掛的事件

事件

Bootstrap標籤頁Tab外掛有兩個事件,分別是 show 和 shown,這兩個事件的含義見表 5‑3。

表 5‑3 標籤頁事件及含義
事件含義
show標籤頁顯示之前,觸發該事件。使用 event.target 和 event.relatedTarget 分別獲取當前活動的標籤頁和上一次活動的標籤頁(如果有的話)
shown標籤頁被顯示,並且CSS動畫也播放結束之後,觸發該事件。使用 event.target 和 event.relatedTarget 分別獲取當前活動的標籤頁和上一次活動的標籤頁(如果有的話)

以下是使用 shown 事件的例子:

  1. <script>
  2. $('a[data-toggle="tab"]'
    ).on('shown',function(e){
  3.   e.target          // 當前活動的標籤頁
  4.   e.relatedTarget   // 上一次活動的標籤頁
  5. })
  6. </script>

    關於作者

    歪脖先生,十五年以上軟體開發經驗,酷愛Web開發,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML寶典》、《揭祕CSS》、《Less簡明教程》、《JSON教程》、《Bootstrap2使用者指南》、《Bootstrap3實用教程》,並全部在 GitHub 上開源。