jQuery tooltip disappears after AJAX DOM update

Question

In my layout template , just before closing body tag, I have a Javascript that initializes jQuery tooltips. Here it is (nothing extraordinary):

$('.grid-column-header, .small-button, .text-with-second-content').tooltip({ show: { effect: "none"} });

Everything works fine until I perform AJAX updates. For instance, an ASP. NET UpdatePanel that replaces a part of my DOM. After DOM is replaced, jQuery tooltip disappears.

Is there a way to address this issue?

p.s. this problem applies to other plugins. Sometimes I get around this problem just by calling pluting initialization code once again after AJAX call.

This is the same issue: http://stackoverflow.com/questions/3341623/asp-net-updatepanel-in-gridview-jquery-datepicker/3341741#3341741 — Aristos, Nov 26 '12 at 08:35

score 0 · Accepted Answer · answered Nov 26 '12 at 08:49

0

function InitTooltip(){$('.grid-column-header, .small-button, .text-with-second-content').tooltip({ show: { effect: "none"} });}
Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(InitTooltip);

answered Nov 26 '12 at 08:49

Boriss Pavlovs

1,441
12
8

jQuery tooltip disappears after AJAX DOM update

1 Answers1