如何从 javascript 打开 fancybox。

Question

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

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

我正在尝试 activate/show 来自 cshtml 文件顶部的 javascript 中的 fancybox。

不过我可以从同一个 cshtml 文件中的 link activate/show 它。使用以下代码：

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

将不胜感激。

Answer 1

如果您使用 jquery 尝试用 $(document).ready() 函数包装代码或使用 window.onload() javascript 函数

Answer 2

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

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

Answer 3

已使用 jQuery.fancybox.open(jQuery('#btnForm'));从 javascript 打开 fancybox。

Answer 4

函数视图属性(){ $.fancybox.open({ 来源：'#propertyInfo' }); }

此代码适用于最新版本的 facncybox。

how to open fancybox from javascript.