父链接:
<a href="feedback.php" id="feed">Provide your feedback here</a>
启动 fancybox 的 jQuery 代码是...
$("#feed").fancybox();
Feedback.php 中的代码...
<html>
<head>
<script language="javascript">
$(document).ready(function(){
$("#feed_submit").click(function(){
//Name is alerted
alert($("#name").val());
//code to close fancy box(Not working)
$.fancybox.close();
});
});
</script>
</head>
<body>
<form method="post" name="feedback" id="feedback" action="">
<div>
<label>name</label>
<input type="text" name="name" id="name"/>
</div>
<div>
<label>feedback</label>
<input type="text" name="content" id="content"/>
</div>
<div><input type="button" name="feed_submit" id="submit" value="submit"></div>
</form>
</body>
</html>
单击提交按钮后,我需要使用 jquery 关闭此页面本身的精美框
我尝试过使用
$.fancybox.close();
parent.$.fancybox.close();
但这对我不起作用。如果有任何选项可以关闭此 ajax 表单,请告诉我。
下面的代码should工作,并且为很多人工作过
parent.$.fn.fancybox.close();
不过,我也见过,例如在这个问题中 https://stackoverflow.com/questions/2227096/fancybox-iframe-returns-parent-as-undefined-using-wordpress,jQuery 在无冲突模式下运行,用户不知道。如果您遇到这种情况,则必须将脚本修改为
parent.jQuery.fn.fancybox.close();
如果这些都不起作用,请使用 Firefox 的 Firebug 或 Chrome 的开发者控制台等工具,查看是否有错误消息,并向我们报告错误消息。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)