twitter bootstrap工具提示插件中的数据延迟

Question

我无法使twitter bootstrap工具提示的数据延迟属性起作用.我使用它像:

以下是我如何使用它:

<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属性.

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

对象必须用单引号括起来,带双引号的键和带double或none的值,可能取决于类型.是唯一有效的方法.

这也适用于弹出窗口.

Answer 2

为什么你不能这样做？

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

Answer 3

我更喜欢这样：

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