jquery - 隔离引导工具提示未定义函数

Question

我正在使用 Bootstrap tooltip.js 脚本，而没有其余的 Bootstrap (v3)。

我的工具提示已准备就绪：

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

一切似乎都很好，但是当我悬停我的元素时，我遇到了一个 jQuery 错误：

TypeError: undefined is not a function (evaluating '$tip
                .one('bsTransitionEnd', complete)
                .emulateTransitionEnd(Tooltip.TRANSITION_DURATION)')

什么不见​​了 ？

Answer 1

因为我们使用'isolated' tooltip.js，我们必须导入'emulateTransitionEnd' 引导函数：

$.fn.emulateTransitionEnd = function (duration) {
    var called = false, $el = this
    $(this).one($.support.transition.end, function () { called = true })
    var callback = function () { if (!called) $($el).trigger($.support.transition.end) }
    setTimeout(callback, duration)
    return this
};