Question

我在更新面板中包含一系列超链接的页面上使用以下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();});

Answer 1

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

参考链接：

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

jQuery无法在.net更新面板中工作

1 个答案: