0

我现在正在尝试打开一个带有 HTML 内容的 fancybox iframe 它只是一个带有文本的简单 html 文档，但它最终会是一个表单，但是当我点击测试它时，它只是打开了另一个 HTML 文档。我该怎么做才能在 iframe 中打开 html 文档。这是我的 html，其中包含应该在幻想框中打开 HTML 的包含和按钮链接：

<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" href="/js/source/jquery.fancybox.css" type="text/css"     media="screen" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/js/source/jquery.fancybox.pack.js"></script>
<script language="javascript" type="text/javascript" src="/js/source/vpb_script.js"></script>

<body>

<div id = "signup"><div><center><a class = "fancybox fancybox.iframe" href="form.html">      <img src="images/sign-up.png" width="216" height="65" /></a></center></div></div>

 </div>



</div>
<script type=”text/javascript”&gt;
$(document).ready(function() {
$(".fancybox").fancybox({
width : '70%',
height : '70%’
}); 
});
</script>
</body>
</html>

请帮忙 ：）

4

1 回答 1

1

您在 height 属性的末尾有一个不正确的单引号。您正在使用某种奇怪的逗号而不是单引号，这会导致 javascript 错误。

看到这个小提琴，我已经让它工作了。 http://jsfiddle.net/manishie/DRvyq/

html:

<a class="fancybox" data-fancybox-type="iframe" href="http://disney.com">Iframe</a>

javascript:

  $(document).ready(function () {
      $(".fancybox").fancybox({
          width: '70%',
          height: '70%'
      });
  });
于 2013-10-02T03:57:27.410 回答