Pfthb

I have used bootstrap popover for other than tooltip.
I have one table which is having multiple rows. and I have used popover to show options for that row.
I am doing lazy loading for rows. so when I have few records it works fine, but when number of rows are more like 300-400 it almost takes 4 seconds to show popover.
I have checked that popover is initialized and hidden properly.
Any idea why it is taking this much time?

Script Code:

$context.popover(
 container: 'body',
 html: true,
 trigger: 'manual',
 placement: function(pop, trig) 
 //Some code..
 
).on('click', function(e) 
 e.preventDefault();

 /**
 * Clicking any tooltip will hide all others on the page.
 */
 $('.xx-tooltip, .xx-left-tooltip').not($(this)).popover('hide');
 $(this).popover('show');
);

Html:

<p><a href="#" data-toggle="popover" data-title=""
 data-html="true"
 data-content=
 "<a class='someClass' data-action = 'xxx' href='#'> option1 </a>
 <a class='someClass' data-action = 'xxx' href='#'> option2</a>
 <a class='someClass' data-action = 'xxx' href='#' target=''> option3</a>
 <a class='someClass' data-action = 'xxx' href='#' target=''> option4</a>
 <a class='someClass' data-action = 'xxx' href='#' target=''> option5</a>
 <!-- bunch of more options -->
 data-placement="bottom" class="xx-tooltip xx-popover-icon testClass"></a>
 </p>

above is code for html of popover (this is inside row and multiple rows are created dynamically)

Also one thing, that all the code is working fine, previous popover is hedden when click on other popover link, problem is with time it is taking.

Thank you for your time.