jQuery tooltips on a dynamically generated page.

Posted by Kyle Sevenoaks on Stack Overflow See other posts from Stack Overflow or by Kyle Sevenoaks
Published on 2010-04-28T12:28:09Z Indexed on 2010/04/28 12:33 UTC
Read the original article Hit count: 289

Filed under:
|
|
|
|

Him I'm trying to add a jQuery tooltip to a dynamically generated list, the text I want to display the tooltip on is in a table, so my CSS tooltip doesn't work:

CSS tooltip.

I tried to add this jQuery tooltip to the page, it works on my local test page, but I think the problem has something to do with uniqur ids, and I'm not sure how to implement the bind all function explained there:

"To bind all of the targets to their corresponding content, it takes only one line:

$(".tooltip-target").ezpz_tooltip();
Calling ezpz_tooltip()

on a class will bind the hover event to each element, and because of the naming convention it will know which content to display."

Can someone help me to understand what exactly I have to do to make this work on a dynamic page?

The page is Euroworker's checkout product page. (You'll have to add some items to the basket, click the home button on the left of the bnav bar and click the little white button "kjøp" then the orange button "handlevogn".)

Thanks.

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about tooltip