CODEWITHSUNDEEP
twitter-bootstrapdelaypopover
HombreFab
HombreFab

Reputation: 243

Twitter Bootstrap Popup ignores delay

Following this question here on stackoverflow, I created a twitter bootstrap popover that loads on hover. However, the delay is not used, the popover just shows immediately. Here's my code:

$('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');
});

The delay is just ignored. What can I do?

Thanks for your help or hints!

Upvotes: 7

Views: 6766

Answers (1)

CaptainAl
CaptainAl

Reputation: 71

Had a similar issue, solved it by focusing the obj. Would look something like this...

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

even better with a timeout, if you want a manual trigger..

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

Hope is helps someone else...

Upvotes: 7

Related Questions