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

我更喜欢这样：

.site-logo {
  float: left;
  margin-right: 20px;
}
.site-header {
background: #000823;}

Answer 4

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

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

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

Answer 5

用于AngularJS（UI）：

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

Answer 6

您可以使用：

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

Answer 7

解决方法！

无法让它在模态上为我的信息消息弹出框工作，但在我的 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 显示几秒钟然后再次隐藏。

Image of popover info message on a modal

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

7 个答案: