jquery - 孤立的 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
};