在引導程序中爲相同元素使用兩個數據切換

Question

我在用Bootstrap搞亂並創建了一個具有簡單導航菜單的頁面。我想爲其中一個鏈接添加模式，該鏈接已經有一個tooltip。

而且我做的模式添加到li這樣，

data-toggle="modal" data-target="#SettingsModal" data-toggle="tooltip" 

出人意料的是，它的工作。這沒有多大意義。因爲至少有一個data-toggle必須被忽略。

我知道最好把它包裝在一個有tooltip的元素中。我的問題是，這是如何工作的？

Answer 1

它的工作原因是引導程序data attributes使用單獨的jQuery選擇器來「激活」各種組件。

由於 $('[data-toggle="modal"]')和$('[data-toggle="tooltip"]')都在Bootstrap JS代碼中引用，模態和工具提示組件都在工作。