獲取由JavaScript點擊在數據列表項的圖像值，並顯示像jQuery看中

Question

<asp:DataList ID="Images" RepeatDirection="Horizontal" RepeatLayout="Table" RepeatColumns="4" runat="server" OnItemDataBound="Images_ItemDataBound"> 
    <ItemTemplate> 
     <asp:Image runat="server" ID="imagess" Height="180" Width="175" /> 
    </ItemTemplate> 
</asp:DataList> 

這是DataList和我結合它的形象，我想如果我在任何圖像在圖像項數據列表點擊我要顯示像花式jquery

Answer 1

，或者您可以使用客戶端Id得到確切的ID，然後綁定事件類似以下。

$("#<%=Images.ClientID %>").on("click", "img", function() { 
      // do something fancy with the clicked image. 
}); 

Answer 2

您可以使用ClientIDMode="Static"屬性來確保DataList上的靜態ID。然後，使用jQuery.on()來處理內部圖像的click。

在DataList控件上指定ClientIDMode="Static"。

<asp:DataList ID="Images" ClientIDMode="Static">   

使用jQuery

$("#Images").on("click", "img", function() {  
    // do something fancy with the clicked image. 
});