我使用fancybox 2.x为表单创建了一个确认窗口。随着它的一切工作,表单提交并加载fancybox窗口与所有正确的确认信息。在确认页面的底部,我有一个提交按钮和一个取消按钮。
我在点击提交按钮时使用此代码加载fancybox窗口。
$("#contact-form").live('submit', function(e) {
$.ajax({
type: "POST",
cache: false,
url: "/form_datas/confirm/",
data: $("#contact-form").serialize(),
dataType: 'text',
success: function(data) {
$.fancybox(data, {
width:600,
closeBtn: false,
openEffect: 'none',
closeEffect: 'none',
onCancel: fancyClose(),
onClose: fancyClose(),
});
}
});
return false;
});
确认窗口/ fancybox模式窗口上的按钮:
<input class="submit btn button adbtn" id="confirmSubmitBtn" type="submit" value="Confirm">
<button type="button" class="submit btn button adbtn" id="stopBtn">Cancel</button>
以下代码适用于提交按钮,但不适用于取消按钮。有任何想法吗?
$( document ).ready(function() {
$("#confirmSubmitBtn").click(function(e) {
e.preventDefault();
parent.$.fancybox.close(true);
$("#contact-form").submit();
return false;
});
$("#stopBtn").click(function(e) {
e.preventDefault();
parent.$.fancybox.close(true);
return false;
});
});