Twitter引导工具提示插件中的数据延迟

我无法使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> 

但是我看不出任何延迟显示/隐藏。 任何想法为什么？

Answer 1

最后我得到它与数据属性的工作。

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

对象必须用单引号，带双引号的键和带有double或none的值包围，可能取决于types。 是唯一可行的方法。

这也适用于popovers。

Answer 2

你为什么不能这样做？

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

Answer 3

用于AngularJS（UI）：

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

Answer 4

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

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

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

Answer 5

您可以使用：

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

Answer 6

我更喜欢这样：

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