Bootstrap 標籤頁Tab外掛的事件
阿新 • • 發佈:2018-12-31
事件
Bootstrap標籤頁Tab外掛有兩個事件,分別是 show 和 shown,這兩個事件的含義見表 5‑3。
事件 | 含義 |
---|---|
show | 標籤頁顯示之前,觸發該事件。使用 event.target 和 event.relatedTarget 分別獲取當前活動的標籤頁和上一次活動的標籤頁(如果有的話) |
shown | 標籤頁被顯示,並且CSS動畫也播放結束之後,觸發該事件。使用 event.target 和 event.relatedTarget 分別獲取當前活動的標籤頁和上一次活動的標籤頁(如果有的話) |
以下是使用 shown 事件的例子:
<script>
$('a[data-toggle="tab"]'
e.target // 當前活動的標籤頁
e.relatedTarget // 上一次活動的標籤頁
})
</script>
關於作者
歪脖先生,十五年以上軟體開發經驗,酷愛Web開發,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML寶典》、《揭祕CSS》、《Less簡明教程》、《JSON教程》、《Bootstrap2使用者指南》、《Bootstrap3實用教程》,並全部在 GitHub 上開源。