簡體   English   中英

帶FancyBox內聯html的ASP.NET中繼器

[英]ASP.NET Repeater with FancyBox Inline html

我正在嘗試使用一個中繼器來顯示數據庫中的項目,然后在末尾顯示一個“修改”按鈕,以在一個精美的框中打開一個修改表單。 按照網站上的教程,我可以使內聯HTML出現在fancybox中。 但是,問題是當我嘗試在.net中繼器中執行此操作時。

<asp:Repeater ID="ModifyRepeater" runat="server">
    <ItemTemplate>

    <a class="modify" href="#fancy_<%#Eval("ID")%>">Modify</a>

    <div style="display:none">
       <div id="#fancy_<%#Eval("ID")%>">Some content here</div>
    </div>

    </ItemTemplate>
</asp:Repeater>

Javascript:

$(document).ready(function () {
    $(".modify").fancybox(); 
});

當我加載頁面時,我可以看到內容div是使用正確的ID創建的,鏈接上的HREFS也指向正確的ID。

當我單擊按鈕進行修改時,它只是將整個頁面重新加載到了花式框內。

在控制台中,我將看到“未捕獲的TypeError:未定義的Canot調用方法'width'

感謝Xander,我錯誤地在div的ID字段中添加了額外的#。 刪除此固定它歡呼!

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM