javascript - 如何从 javascript 打开 fancybox。

Question

我的 cshtml 文件中有以下代码。

<div style="display:none">
<div id="EditFancy" class="fancybox-infobar">
//Some not relevant input fields. 
</div>
</div>

我正在尝试从包含在 cshtml 文件顶部的 JavaScript 中激活/显示 fancybox。

但是我可以从同一 cshtml 文件中的链接激活/显示它。使用以下代码:

    <a href="#EditFancy" class="btnForm" id="btnForm">asd</a>
     <script type="text/javascript">
        $("#btnForm").fancybox();
    </script>

我们将非常感谢您的帮助。

Answer 1

您可以使用打开 fancybox 的事件委托(delegate)创建自己的点击处理程序，例如:

$( "body" ).on( "click", "btnForm", function() {
  $.fancybox.open({ src: $(this).attr('href'), type : 'inline' });
});