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

时间:2017-05-01 15:25:14

标签: jquery html css twitter-bootstrap twitter-bootstrap-tooltip

如何确保我的工具提示功能不应在所有页面上触发,并在这些页面上查找工具提示以及我没有工具提示的位置,最后在控制台中生成错误话说:

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

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

没有工具提示标记的网页出错

未捕获TypeError:$(...)。tooltip不是函数

目前我已将此代码添加到主js中,并在所有页面上引用

2 个答案:

答案 0 :(得分:2)

在你的master.js中,只需检查tooltip()是否存在,然后再调用它:

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

答案 1 :(得分:0)

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

我可能尝试的一件事是在您不希望显示工具提示的页面上添加一个类然后销毁这些工具提示 即。

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

另一个,也许是一个更好的选择,就是翻转它并在你的master.js文件中只触发有这个的页面上的tooltip() <body class="hastooltip">代替您使用org功能

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