自动加载引导工具提示

autoload bootstrap tooltip

本文关键字：工具提示 加载      更新时间：2023-09-26

我有一个简单的问题，bootstrap工具提示在悬停[mouseover]上的特定选择器[tag]上作为默认值，即您需要悬停在标签上以激活工具提示或使其出现。我想让它出现在输入标签，当我离开标签或当光标离开输入标签自动，而不是悬停[mouseover]…

当前的问题是默认情况下工具提示在

下面工作
('selector').tooltip('show');

有没有办法按照我上面的规格来做

像这样

$('input').tooltip({
    trigger: 'manual'
}).on({
    blur: function() {
        $(this).tooltip('show');
    },
    focus: function() {
        $(this).tooltip('hide');
    }
});

这里的例子- http://jsfiddle.net/UPRbm/

试试这个:

window.onload = function()
{
    if(!window.jQuery)
    {
        alert('jQuery not loaded');
    }
    else
    {
        $(document).ready(function(){
            $('#example').tooltip({'placement':'top', 'trigger' : 'manual'});
            $('#example').blur(function() {
                 $('#example').tooltip("show");
                 setTimeout("$('#example').tooltip('hide');", 1000);
            });
        });

    }
}
相关文章：