[英]Fancybox iframe form
我现在尝试打开带有HTML内容的fancybox iframe,它只是一个带有文本的简单html文档,但最终将是一种形式,但是当我单击以对其进行测试时,它只是打开了另一个HTML文档。 我该怎么做,以便在iframe中打开html文档。 这是我的html,带有“ includes”和“ button”链接,应该会在fancybox中打开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”>
$(document).ready(function() {
$(".fancybox").fancybox({
width : '70%',
height : '70%’
});
});
</script>
</body>
</html>
请帮忙 :)
您在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%'
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.