我有一个关于Facebox的问题。当我单击页面上的某个链接时,Facebox 模态窗口打开得很好。但是在这个模式窗口中,我想要一个用户可以提交的表单。当用户单击提交按钮时,整个页面刷新,我的 Facebox 窗口关闭。这对我来说很有意义,但我希望它以不同的方式工作。
我想在用户提交表单后在模态窗口内给他们一个确认。因此,当用户单击提交按钮时,应在模式窗口内显示确认。有人知道这是否可能吗?
我希望你能理解我的问题:)
此致
金安徒生
我有一个关于Facebox的问题。当我单击页面上的某个链接时,Facebox 模态窗口打开得很好。但是在这个模式窗口中,我想要一个用户可以提交的表单。当用户单击提交按钮时,整个页面刷新,我的 Facebox 窗口关闭。这对我来说很有意义,但我希望它以不同的方式工作。
我想在用户提交表单后在模态窗口内给他们一个确认。因此,当用户单击提交按钮时,应在模式窗口内显示确认。有人知道这是否可能吗?
我希望你能理解我的问题:)
此致
金安徒生
您需要更改表单以使用 AJAX POST 而不是标准的 HTML POST 请求。这是一个简单的教程,展示了如何使用 jQuery 进行 AJAX 表单。
<form action='whateveryouhave.php' method='POST' id='myform' ><!--notice the form id-->
<!-- your input and form stuff here just as you have it-->
<a href='javascript:void(0);' onclick="submitFacebox">
Submit in facebox instead of whole window
</a>
<script type='text/javascript'>
function submitFacebox() {
jQuery.post(jQuery('#myform').attr('action'), jQuery('#myform').serialize());
}
</script>