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，我绑定它的图像，我想如果我点击datalist中的图像项目中的任何图像我想显示像花式jquery

Answer 1

您可以使用ClientIDMode="Static"属性确保DataList上的静态ID。然后，使用jQuery .on()来处理click内的图片。

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

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

使用jQuery

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

Answer 2

或者您可以使用ClientId获取确切的ID，然后绑定事件，如下所示。

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

通过Javascript获取在datalist中点击的项目的图像值，并且像jquery fancy一样显示

2 个答案: