使用 javascript 打开 fancybox 2.1.4

Question

我有一个 div，ID 为 #popupContent。它里面有一些文本，还通过 php 加载了一些模块，如果我将此框分配给 a 标签，一切正常。但是现在我想通过 javascript 打开它，但是我该怎么做呢.. 文档真的很混乱。

正如我所说，我使用的是 fancybox 2.1.4，现在我尝试使用

<div id="popupContent">
  <div class="row">
    <div class="col...>
      <h2> bla bla bla </h2>
    </div
  </div>
</div

我试过这样做

<script type="text/javascript">
    (function() {
        $.fancybox($('#popupContent'));
    })();
</script>

Answer 1

创建一个按钮并像这样调用函数-

<button id="popUpOpenButton" onClick="myFunction()">

然后

function myFunction(){
 $.fancybox($('#popUpOpenButton'));
}

Open fancybox 2.1.4 using javascript