2

我正在使用Bootstrap tooltip.js腳本而沒有Bootstrap(v3)的其餘部分。獨立引導工具提示未定義函數

我的提示準備:

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

一切似乎都OK,但是當我懸停我的元素,我有一個jQuery錯誤:

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

缺少什麼?

回答

4

因爲我們使用 '隔離' 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 
};