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

标签 javascript jquery html css twitter-bootstrap

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

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

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

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

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

最佳答案

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

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

关于javascript - 在 Bootstrap 中对同一元素使用两个数据切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43140204/

相关文章:

javascript - 更改特定标签的类别

javascript - 将 div 替换为 input 后​​,将 input 替换为 div

javascript - 在 Javascript 中比较 2 个变量与 2 个变量

javascript - 获取对象内所有数组的二维数组

javascript - nodejs 和 less - 根据子域选择样式表源

jquery - Wrapper Div 故障/在页面加载时移动以居中

javascript - 如何添加一个 div 而不是用 jquery 替换它

jquery - AJAX 加载后在 Contact Form 7 表单上启用 AJAX

javascript - 我怎样才能在我的网站上有多个 Accordion 下拉菜单。 HTML、CSS JavaScript

Jquery Accordion - 在标题元素中隐藏和显示文本