在bootstrap中为同一元素使用两个数据切换

时间:2017-03-31 12:02:46

标签: javascript jquery html css twitter-bootstrap

我正在搞乱Bootstrap并创建了一个具有简单导航菜单的页面。我想为其中一个已经有tooltip

的链接添加模态

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

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

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

我知道将它包装在具有tooltip的元素中更好。我的问题是,这是如何工作的?

1 个答案:

答案 0 :(得分:2)

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

由于 引导程序JS代码中引用了$('[data-toggle="modal"]')$('[data-toggle="tooltip"]'),模态和工具提示组件都在工作。