c# - 如何在 c# , .asp.net 中动态创建 javascript 调用

Question

网络，C#。我正在使用以下代码调用 javascript。`

<script type="text/javascript">
    $(function () {

       $("[src='/pinterest/portals/0/Images/about-person3.jpg']").pinit();
       $("[src='/pinterest/portals/0/Images/about-us-group.jpg']").pinit();
    });
    </script>

My c# code is

<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<br />
<img ID="ImageZoom" runat="server" src='<%# DataBinder.Eval(Container.DataItem, "ImageUrl") %> '  style="display: inline; height:auto; left: 0pt; top: 0pt; width:auto;" />
    <asp:CheckBox ID="CheckBox1" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "ImageId") %> '  /> 

</ItemTemplate>
</asp:Repeater>`

如果我添加更多图像，我应该为所有图像调用 javascript。

Answer 1

你的问题充其量是模糊的，但我认为这就是你要找的：

1. 为您要调用的图像分配一个类pinit()。

2. 使用 jQuery 的类选择器来检索适当的对象。

   <img ID="ImageZoom" class='pinitPlease' runat="server" ... />
   
   $(function () {
       $(".pinitPlease").pinit();
   });
   

Answer 2

假设您要缩放位于 /pinterest/portals/0/Images/ 中的图像

您可以调整您的jquery 选择器以选择以该路径开头的那些图像

$("[src^='/pinterest/portals/0/Images/']").pinit();

Answer 3

您的所有图像的 ID 中都会包含“ImageZoom”一词，因此您可以通过它创建一个选择器并一起查找所有图像。

$("[id*='ImageZoom']").pinit();