Question

在stackoverflow上关注this question，我创建了一个在悬停时加载的twitter bootstrap popover。但是，没有使用延迟，popover只是立即显示。这是我的代码：

$('body').delegate('.withajaxpopover', 'hover', function(event) {
   if (event.type === 'mouseenter') {
      var el=$(this);
      $.get(el.attr('data-load'), function(d) {
      el.popover({delay: { 
                     show: 750, 
                     hide: 100
                  },
                  title: "MyTitle", 
                  content: d}).popover('show', 
                                       {delay: { show: 750, hide: 100 }});
                    });
   } else {
                    $(this).popover('hide');
   }
});
$('body').delegate('.withajaxpopover', 'click', function(event) {
   $(this).popover('hide');
});

延迟只是被忽略了。我该怎么办？

感谢您的帮助或提示！

Answer 1

有一个类似的问题，通过关注obj来解决它。看起来像这样......

$('#yourobj').popover({
    trigger: 'focus',
    delay: 1000
 }).focus();

如果你想要一个手动触发器，那么<p>超时会更好..

setTimeout(function() {
  $('#yourobj').popover('show');
}, 500);

希望能帮助别人......

Twitter Bootstrap Popup忽略了延迟

1 个答案: