.popover will suddenly delay

[HarrySeah]

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

 

[dsonesuk]

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

 

$(this).popover({

title: 'Jun Hoo',

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

trigger: 'hover',

html: true

}).popover('show');

});

[dsonesuk]

Don't use 'div' as selector as you end up targeting the popover sibling div appended after div elements with class 'circle_ball'.

[HarrySeah]

To: dsonesuk

From: HarrySeah

 

Thanks for you reply,

Thank you so much for help, and is work

A very big thank for you,

thanks! im gain more knowledge about that