javascript - 在 Bootstrap 中对同一元素使用两个数据切换

Question

我正在使用 Bootstrap 并创建了一个具有简单导航菜单的页面。我想为其中一个链接添加模式，它已经有一个 tooltip。

我确实像这样将模态添加到li，

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

令人惊讶的是，它的工作。这没有多大意义。因为至少有一个 data-toggle 必须被忽略。

我知道最好将它包装在一个具有tooltip 的元素中。我的问题是，这是如何运作的？

Answer 1

它的工作是因为 Bootstrap data attributes使用单独的 jQuery 选择器来“激活”各种组件。

自$('[data-toggle="modal"]') 和 $('[data-toggle="tooltip"]') 都在 Bootstrap JS 中引用代码，模式和工具提示组件都在工作。