隔离的Bootstrap Tooltip未定义的功能

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'toottiti.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
};