0

今のところ、HTML コンテンツを含むファンシーボックス 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

高さ属性の末尾にある一重引用符が正しくありません。一重引用符の代わりにある種の奇妙な浮き上がったコンマを使用しているため、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 に答える