Question

I have a page with several hundred elements which require a QTip on mouseover. This is killing IE8, though the other browsers seem to be performing alright.

To combat this, I am attempting to create the QTips when the user mouses over the element’s container, so that it only does ~100-200 at a time, rather than 1,000+ all at once.

$('#color-family /*ID of body*/> .strctr-contain /*containing class*/').live('mouseover', function(){
   $(this).children('.palette .color-swatch, .stain-swatch, .color-swatch-dash').qtip({//foo}
})
 });

When you mouse over the container, this function does fire, however, when you mouse over the children, it just fires this function off over and over again, rather than displaying the tooltip.

Answer 1

And maybe it would be best to use “one” function, it does it all for you.

$('#color-family /ID of body/> .strctr-contain /containing class/').one('mouseover', function(){

     $(this).children('.palette .color-swatch, .stain-swatch, .color-swatch-dash').qti({//foo} ); 

});