限制 bootstrap 工具提示在所有页面上触发

Question

我如何确保我的工具提示功能不应该在所有页面上触发，并在那些页面上以及我没有工具提示的地方寻找工具提示，最后在控制台中生成错误提示：

master.js $('[data-toggle="tooltip"]').tooltip();

HTML <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="bottom" title="Sample Tip"></i>

没有工具提示标签的页面出错

未捕获类型错误：$(...).tooltip 不是函数

目前我在master js中添加了这段代码，所有页面都引用了

Answer 1

我不确定我是否正确理解了你的问题，

我可能会尝试的一件事是将 class 添加到您不希望显示工具提示的页面，然后销毁这些工具提示 IE。

<body class="no-tooltip"> ...
<script>$('body.no-tooltip').tooltip('destroy')</script>

另一个可能是更好的选择是翻转它，在你的 master.js 文件中只触发具有 <body class="hastooltip"> 而不是你的组织函数使用

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

Answer 2

在您的 master.js 中，只需在调用它之前检查 tooltip() 是否存在：

if ($.fn.tooltip) {
    $('[data-toggle="tooltip"]').tooltip();
}

Restrict bootstrap tooltip to trigger on all pages