jQuery在.net更新面板中不起作用[重复]

Posted 2023-02-22

【中文标题】jQuery在.net更新面板中不起作用[重复]

【英文标题】：jQuery not working in .net update panel [duplicate]

【发布时间】：2014-01-01 00:41:11

【问题描述】：

我在更新面板中包含一系列超链接的页面上使用以下 jquery 工具提示脚本：

this.tooltip = function()      
    xOffset = 50;
    yOffset = 20;       

$("#tools a").hover(function(e)                                              
    this.t = this.title;
    this.title = "";                                      
    $("body").append("<p id='tooltip'>"+ this.t +"</p>");
    $("#tooltip")
        .css("top",(e.pageY - xOffset) + "px")
        .css("left",(e.pageX + yOffset) + "px")
        .fadeIn("fast");        
,
function()
    this.title = this.t;        
    $("#tooltip").remove();
); 
$("#tools a").mousemove(function(e)
    $("#tooltip")
        .css("top",(e.pageY - xOffset) + "px")
        .css("left",(e.pageX + yOffset) + "px");
);         
;


$(document).ready(function()tooltip(););

它在初始加载时工作正常，但在进行 ajax 调用时就不行了。我相信我应该使用 .on 而不是 .ready 但我不确定如何申请，因为以下内容不起作用：

$(document).on(function()tooltip(););

【参考方案1】：

有几种方法可以解决此问题。 IMO 最简单的解决方案是在 UpdatePanel 中使用 Sys.Application 在每个异步回发事件之后调用 javascript、jQuery 函数。

参考链接：

http://www.codeproject.com/Articles/534587/ASP-NET-jQuery-is-not-Working-in-UpdatePanels

【讨论】：

感谢 Monika，Sys.Application.add_load(tooltip);成功了！