2013-12-13 3 views
0

Я использую следующий JQuery подсказку скрипт на странице с серией гиперссылка в панели обновления:JQuery не работает в .net панели обновления

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();}); 

Он отлично работает на начальной загрузке, но не когда Аякс был сделан звонок. Я считаю, что я должен использовать .он вместо .ready, но я не уверен, как применять в следующих не работает:

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

ответ

1

Есть несколько способов, чтобы исправить это. ИМО самым простым решением этой проблемы является использование Sys.Application внутри UpdatePanel для вызова JavaScript, функции jQuery после каждого асинхронного события post back.

См ссылке:

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

+0

Спасибо Monika, Sys.Application.add_load (подсказка); сделал трюк! – Bobney

+0

Ваше приветствие. :) :) – Monika

Смежные вопросы