Jump to content
HarrySeah

.popover will suddenly delay

Recommended Posts

HI there,

first i apology my english not too well, hope you may understand what i mean ,Thanks

 

Im try to using the Bootstrap one of the function is popover similar like tooltips, but i facing the problem

 

For example :

 

<div id="all">

<div id="a" class="circle_ball" data-user-id="2">●</div>
<div id="b" class="circle_ball" data-user-id="1">●</div>
</div>
and my Jquery code is :
$('#all').on('mouseenter','div',function(){
$(this).popover({
title: 'Jun Hoo',
content: $(this).attr('data-user-id'),
trigger:'hover',
html:true
});
});
but the result on the code will showing delay and at least need to hover the target more than 2 time ...
any ways to figure out? thanks you so much
i found ways to solve the delay speed, but will keep popover the content when mouse pointer hover the first popover body
the ways is add one more code ---
$('#all').popover({title: 'Loading', content: '...',selector: 'div',trigger:'hover',html:true});
Thanks for helping

 

post-190618-0-10666900-1473175730_thumb.png

Share this post


Link to post
Share on other sites


$('#all').on('mouseenter', '.circle_ball', function() {

 

$(this).popover({

title: 'Jun Hoo',

content: $(this).attr('data-user-id'),

trigger: 'hover',

html: true

}).popover('show');

});

  • Like 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...