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

时间:2021-03-16 21:20:49
<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>

this is the Datalist and i bind it image , i want if i clicked in any image in image items in datalist i want to display like fancy jquery

这是Datalist,我绑定它的图像,我想如果我点击datalist中的图像项目中的任何图像我想显示像花式jquery

2 个解决方案

#1


0  

or you can use ClientId to get exact ID and then bind the event like following.

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

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

#2


0  

You can use the ClientIDMode="Static" property to ensure a static id on the DataList. Then, use jQuery .on() to handle the click for images within.

您可以使用ClientIDMode =“Static”属性来确保DataList上的静态ID。然后,使用jQuery .on()来处理其中的图像点击。

Specify ClientIDMode="Static" on the DataList control.

在DataList控件上指定ClientIDMode =“Static”。

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

Using jQuery

使用jQuery

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

#1


0  

or you can use ClientId to get exact ID and then bind the event like following.

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

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

#2


0  

You can use the ClientIDMode="Static" property to ensure a static id on the DataList. Then, use jQuery .on() to handle the click for images within.

您可以使用ClientIDMode =“Static”属性来确保DataList上的静态ID。然后,使用jQuery .on()来处理其中的图像点击。

Specify ClientIDMode="Static" on the DataList control.

在DataList控件上指定ClientIDMode =“Static”。

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

Using jQuery

使用jQuery

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