綁定Datalist中的Colorbox和ASP.NET

Question

我的圖像存儲在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沒有母版頁。

Answer 1

分配ID並在服務器上爲圖像運行，並使用 <%= yourimage.ClientID %>這將返回該特定圖像，無論您將使用它..不是由Datalist控件生成的損壞的ID。

Answer 2

最簡單的解決方案是使用jQuery，並使用next-sibling selector找到元素。

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

無論您在頁面上有多少圖片，這都會奏效。