イメージIDは現在のコンテキストに存在しませんasp.net

Question

このコードでは次のエラーが発生しています。 イメージを表示するためにリピータを使用しています。イメージIDはimg .in jqueryです。イメージを取得するのに$("#<%=img.ClientID %>")を使用しています。しかし、imgのようなエラーは現在のコンテキストには存在しません。リピータIDはrptRepeaterです。 この問題を解決するにはどうすればよいですか？あなたが持っている$("#<%=img.ClientID %>") doesnot exists in current context

.NETコード

<asp:Repeater ID="RepeaterView" runat="server"> 
    <ItemTemplate> 
     <a onmouseout="SelectEnd()" onmouseover='<%#Eval("Coords","preview(\"{0}\");")%>'>  
      <asp:Image ID="ImageZoom" runat="server" ImageUrl='<%# DataBinder.Eval(Container.DataItem, "ImageUrl") %> ' Height="150" Width="150" >  
      </asp:Image> 
     </a> 
    </ItemTemplate> 
</asp:Repeater> 

のJavaScriptコード

<script type="text/javascript"> 
    function preview(Coords) { 
     var arrResult = Coords.split(","); 
     var nx1 = arrResult[0]; 
     var ny1 = arrResult[1]; 
     var nx2 = arrResult[2]; 
     var ny2 = arrResult[3]; 
     var ias = $("#<%=ImageZoom.ClientID %>").imgAreaSelect({ instance: true }); 
     ias.setSelection(nx1, ny1, nx2, ny2, true); ias.setOptions({ show: true });  
     ias.update(); 
    } 
</script> 

Answer 1

問題は、あなたがそれようのページに複数の要素を追加している、そのための1つのIDがないですそのコードがすべての要素を処理することは不可能です。より一般的にする必要があります。

idsを必要としないコードに変更してください。

.NETコード

<asp:Repeater ID="RepeaterView" runat="server"> 
    <ItemTemplate> 
     <a onmouseout="SelectEnd()" onmouseover='<%#Eval("Coords","preview(this, \"{0}\");")%>'>  
      <asp:Image ID="ImageZoom" runat="server" ImageUrl='<%# DataBinder.Eval(Container.DataItem, "ImageUrl") %> ' Height="150" Width="150" >  
      </asp:Image> 
     </a> 
    </ItemTemplate> 
</asp:Repeater> 

のJavaScriptコード

<script type="text/javascript"> 
    function preview(elem, Coords) { 
     var arrResult = Coords.split(","); 
     var nx1 = arrResult[0]; 
     var ny1 = arrResult[1]; 
     var nx2 = arrResult[2]; 
     var ny2 = arrResult[3]; 
     var ias = $(elem).find("img").imgAreaSelect({ instance: true }); 
     ias.setSelection(nx1, ny1, nx2, ny2, true); ias.setOptions({ show: true });  
     ias.update(); 
    } 
</script>