Java скрипт (JQuery) не работают после динамического изменения атрибутов тега ASP.NET

Question

У меня есть проблемы с запуском функции JS, когда значение или rel атрибута anchor тега изменяется, anchor выглядеть следующим образом:

<a id="ThemeImageLink1" runat="server" href="javascript:void(0)" class="preview" 
rel="../Images/templateChooser/preview/preview1.jpg"> 

Я меняю значение тега отн из коды:

HtmlAnchor imageLink = (HtmlAnchor)getControlId(counter, "ThemeImageLink"); 
imageLink.Attributes.Add("rel","../Images/templateChooser/preview/preview2.jpg"); 

getControlId использует FindControl() для retrive управления с aspx страницы.

Если я прокомментирую часть в коде, где я меняю rel Значение атрибута jQuery отлично работает. Затем JQuery скрипт использует значение rel

по умолчанию Вот JQuery часть, где я вызвать функцию:

$(document).ready(function() { 
     imagePreview(); 
    }); 

и функцию реализации:

this.imagePreview = function(){ 

     xOffset = 10; 
     yOffset = 30; 

    $("a.preview").hover(function(e){ 
     this.t = this.title; 
     this.title = "";  
     var c = (this.t != "") ? "<br/>" + this.t : ""; 
     $("body").append("<p id='preview'><img src='"+ this.rel +"' alt='Image preview' />"+ c +"</p>");         
     $("#preview") 
      .css("top",(e.pageY - xOffset) + "px") 
      .css("left",(e.pageX + yOffset) + "px") 
      .fadeIn("fast");  
    }, 
    function(){ 
     this.title = this.t;  
     $("#preview").remove(); 
    }); 
    $("a.preview").mousemove(function(e){ 
     $("#preview") 
      .css("top",(e.pageY - xOffset) + "px") 
      .css("left",(e.pageX + yOffset) + "px"); 
    });   
}; 

Я также другие функции JavaScript ведьмы работает отлично, но это дает мне проблемы. Как вы думаете, я должен позвонить JS на методе PageLoad?

Answer 1

dont knwo больше о asp.net, но если rel атрибут динамический добавить, то вы должны использовать живое событие.

как $("a.preview").live('hover' , function(e){