이미지 ID가 현재 컨텍스트에 존재하지 않습니다 asp.net

Question

이 코드에 대해 다음 오류가 발생합니다. 이미지를 표시하는 데 리피터를 사용하고 있습니다. 이미지 ID는 img .in jquery입니다. 이미지를 가져 오는 데 을 사용하고 있습니다. 하지만 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> 

자바 스크립트 코드

<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

문제가에 대한 하나 개의 ID가 없습니다, 당신은 페이지에 여러 요소를 추가하는 것이 너무 이 코드가 모든 요소를 ​​처리하는 것은 불가능합니다. 당신은 좀 더 포괄적으로 만들 필요가 있습니다.

ID가 필요없는 코드를 사용해보십시오.

.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> 

자바 스크립트 코드

<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>