使用javascript打开fancybox 2.1.4

Question

我有一个id为#popupContent的div。它内部有一些文本，并通过PHP加载一些模块，如果我将此框分配给一个标签，一切正常。但现在我想通过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'));
}