隔离 Bootstrap 工具提示未定义函数

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' bootstrap 函数：

$.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
};