Javascript Fancybox iframe表单
我正在尝试打开一个fancybox iframe,里面有HTML内容,现在它只是一个简单的HTML文档,带有文本,但最终它将成为一个表单。然而,当我点击测试它时,它只会打开另一个HTML文档。如何使其在iframe中打开html文档。这是我的html,带有includes和button链接,可以在fancybox中打开html:Javascript Fancybox iframe表单,javascript,jquery,html,modal-dialog,Javascript,Jquery,Html,Modal Dialog,我正在尝试打开一个fancybox iframe,里面有HTML内容,现在它只是一个简单的HTML文档,带有文本,但最终它将成为一个表单。然而,当我点击测试它时,它只会打开另一个HTML文档。如何使其在iframe中打开html文档。这是我的html,带有includes和button链接,可以在fancybox中打开html: <link rel="stylesheet" type="text/css" href="css/styles.css"> <link rel="st
<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>
$(文档).ready(函数(){
$(“.fancybox”).fancybox({
宽度:“70%”,
身高:“70%”
});
});
请帮助:)高度属性末尾的单引号不正确。您使用了某种奇怪的加号逗号,而不是单引号,这会导致javascript错误 看看这把小提琴在哪里用 html:
<a class="fancybox" data-fancybox-type="iframe" href="http://disney.com">Iframe</a>
$(document).ready(function () {
$(".fancybox").fancybox({
width: '70%',
height: '70%'
});
});