繁体   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