如何从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的事件委派创建自己的点击处理程序，例如：

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

Answer 2

如果你使用jquery尝试用$（document）.ready（）函数包装代码或者使用window.onload（）javascript函数

Answer 3

function viewproperty（）{ $ .fancybox.open（{ src：“＃propertyInfo” }）; }

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