jquery - 如何延迟显示/隐藏引导工具提示？

Question

我无法使 twitter 引导工具提示的数据延迟属性起作用。我像这样使用它：

这是我如何使用它：

<a href="#" data-toggle="tooltip" data-delay="{ show: 5000, hide: 3000}">with delay</a>
<script>
    jQuery('a[data-toggle="tooltip"]').tooltip().click( function(e) {
        e.preventDefault(); 
    });
</script>

但我没有看到显示/隐藏有任何延迟。任何想法为什么？

score 123 · Accepted Answer

最后我让它与数据属性一起工作。

data-delay='{"show":"5000", "hide":"3000"}'

对象必须用单引号括起来，键用双引号和值用双引号或无，可能取决于类型。是唯一可行的方法。

这也适用于弹出窗口。

score 29 · Accepted Answer

29

你为什么不能这样呢？

$('a').tooltip({
     'delay': { show: 5000, hide: 3000 }
});

于 2013-03-02T05:16:19.100 回答

score 4 · Accepted Answer

我更喜欢这样：

$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip({'delay': { show: 5000, hide: 3000 }
    });   
});

score 4 · Accepted Answer

您的答案不适用于 Bootstrap 3.3.2。这个适用于我的版本：

data-delay='{"show":5000, "hide":3000}'

来源：https ://github.com/twbs/bootstrap/issues/13874

score 0 · Accepted Answer

0

与 AngularJS (UI) 一起使用：

<div tooltip="Hello" tooltip-popup-delay="500"></div>

于 2015-01-28T13:44:17.457 回答

score 0 · Accepted Answer

0

您可以使用：

<div ... popover-popup-delay="2000" ...>

于 2015-01-13T03:42:06.547 回答

score 0 · Accepted Answer

解决方法！

无法让它在模态框上用于我的信息消息弹出框，但在我的 JavaScript 中使用了此解决方法：

$('#infoPopover').attr("data-original-title", "Delete Document");
$('#infoPopover').attr("data-content", "Success");
$('#infoPopover').popover('show');
setTimeout(function () { $('#infoPopover').popover('hide') }, 4000);

它适用于空跨度...

<span id="infoPopover" data-toggle="popover"></span>

popover 显示几秒钟然后再次隐藏。

模态框上的弹出框信息消息的图像

jquery - 如何延迟显示/隐藏引导工具提示？

7 回答 7

Related

Reference