asp.net - 从 ASP.Net 代码隐藏触发 FancyBox

Question

我想在 asp.net 页面上使用 JQuery FancyBox，但我发现的所有示例都显示从 anchor 标记 (< a >) 触发 fancybox。我找不到从代码隐藏触发 fancybox 的示例。 更具体地说，我通过单击 LinkBut​​ton 即时创建一个 pdf 文件。创建文件后，我想使用 fancybox 显示它(我是第一次使用 Jquery 和 FancyBox)。任何展示如何做到这一点的例子将不胜感激。谢谢。

Answer 1

在链接按钮刷新页面(回发)后，您想要将一些脚本注入(inject)到您的页面中。

您的页面应该已经设置了类似的内容

<a href="#" id="hidden_link" style="display:none;"></a>
<script type="text/javascript">
    function LaunchFancyBox() { 
          $("#hidden_link").fancybox().trigger('click'); 
    } 
</script>

然后，您可以从按钮点击处理程序中在页面底部注入(inject)一些脚本。

因此，您将在页面底部添加类似的内容

<asp:Literal runat="server" ID="Literal1" />

然后在您的按钮单击事件处理程序中您将拥有

Public Sub Button1_Click()
    Literal1.Text = "<script>$(document).ready(LaunchFancyBox());</script>"
End Sub

第 6 位 blog也有助于解释这一点，但是他们每次都会在页面加载时启动它，因此他们不需要注入(inject)脚本。但是因为您想在回发时执行此操作，所以需要执行脚本注入(inject)位。