javascript - Juicer.io 嵌入 JS 破坏了 Bootstrap 工具提示

标签 javascript twitter-bootstrap twitter-bootstrap-tooltip

我正在尝试在使用 Bootstrap 工具提示的页面上嵌入 Juicer.io 社交提要。出于某种原因,加载榨汁机嵌入 JS (//assets.juicer.io/embed.js) 会破坏为 Bootstrap 初始化工具提示的 JS。该代码直接来自 Bootstrap ,是:

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})

请参阅 http://supplybank.creativeforthepeople.org/about/our-story 中的示例

我收到的错误是“未捕获的类型错误:$(...).tooltip 不是一个函数。”我试过以不同的顺序加载它们,但没有成功。知道为什么会发生这种情况或如何解决吗?

谢谢!

最佳答案

看起来 Juicer JS 也包含 jQuery,这导致了这个错误。您将需要改用脚本的非 jquery 版本:

<script src="//assets.juicer.io/embed-no-jquery.js" type="text/javascript"></script>

关于javascript - Juicer.io 嵌入 JS 破坏了 Bootstrap 工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43967690/

相关文章:

javascript - Bootstrap 3 工具提示箭头无法正确显示多行消息

javascript - 渲染 v-for 列表错误顺序(新添加的项目在前)Vue.js

css - Bootstrap v2.3.1 不适用于选项卡

javascript - 创建一个可以在angularjs中点击的悬停工具提示

javascript - 循环内的动态 Bootstrap 模式

html - 图像不会随着分辨率降低而缩小

jquery - 当 Bootstrap 工具提示处于事件状态时,会阻止触发 jquery 事件

javascript - Angular 9 找不到类型为 '[object Object]' 的不同支持对象 'object' 。 NgFor 仅支持绑定(bind)到 Iterables,例如数组

带有正则表达式的 JavaScript 模板

javascript - 如何从 html 中获取作为字符串的 <body> 元素