绑定 Datalist 中的 Colorbox 和 ASP.NET答案

【问题标题】：Colorbox and ASP.NET in a bound Datalist绑定 Datalist 中的 Colorbox 和 ASP.NET
【发布时间】：2012-08-30 13:16:53
【问题描述】：

我的图像存储在 SQL 数据库中。我绑定到表并使用生成的图像控件和 ashx 处理程序。没问题。我现在有一个被锚标签包围的缩略图。问题在于找到隐藏 div 中的大图像并只显示那个.. 我不想要一个画廊只是一个图像。如果您正在阅读本文，您就会知道数据列表在生成其控件时会将损坏的 ID 分配给其组件。如何从我的缩略图中处理该图像？

<asp:DataList ID="datalist" runat="server" RepeatColumns="3" RepeatDirection="Horizontal">
    <ItemTemplate>
       <a class="colorme" href="#">Actual thumbnail image</a>
       <div style="display:none">
          <div id="colorme" runat="server">Actual image to display            
          </div>
       </div>
    </ItemTemplate>
</asp:DataList>

ASP.NET 4.0 没有母版页。

【问题讨论】：

标签： asp.net colorbox datalist

【解决方案1】：

为您的图像分配 ID 并在服务器上运行并使用 <%= yourimage.ClientID %> 这将返回该特定图像，无论您将使用它..而不是 Datalist 控件生成的损坏的 ID。

【讨论】：

【解决方案2】：

最简单的解决方案是使用 jQuery，并使用 next-sibling selector 查找元素。

$(".colorme").click(function(){
    $(this).find("~ div").show();
});

无论页面上有多少张图片，这都会起作用。

【讨论】：