Java腳本的（JQuery的）後，動態變化的標籤不工作屬性ASP.NET

Question

我有問題，運行JS功能，當值或anchor標籤rel屬性的改變，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()從aspx頁retrive控制。

如果我在代碼後面註釋掉了部分代碼，我改變了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功能女巫做工精細，但是這個給我一些問題。 你認爲我應該在PageLoad方法上調用JS嗎？

Answer 1

不知道更多關於asp.net，但如果rel屬性動態添加，那麼你必須使用現場活動。

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

在這種情況下