基本上设置如下。我有一个简单的联系页面。用户选择电子邮件收件人,然后填写邮件主题和文本。当他们点击提交时,表单是使用jQuery提交的,并且进行了一次ajax调用,返回成功(或失败)所述消息被php脚本正确处理和发送。
目前代码看起来像这样。
$(document).ready(function(){
var options = { target: '#results' };
$('#classemail').submit(function() {
$(this).ajaxSubmit(options);
return false;
});
});
function fade(div_id, button) {
if(button.value == 'Send') {
$('#'+div_id).empty().show().delay(7000).fadeOut(1000);
}
}
发送表单,html响应显示在结果div中。
<div class="results" id="results"><div>
非常基本......问题是我更喜欢用模态对话框做回这个响应,因为有div处理它需要页面上的空间,它不像模态对话框那样明显或直观将会。为此,我试图添加这样的功能,但坦率地说,我可能有点超出了我目前对jquery的理解以及如何实现这一点。这可以实现吗?有人能指出我正确的方向,还是我应该考虑其他方法来实现这个目标?
由于
答案 0 :(得分:1)
返回结果后。你可以初始化div成为一个对话框。默认情况下,对话框将自动打开。检查here以获取有关如何配置它的更多信息。
通过调用.dialog( "destroy" )
完全删除对话框功能。这将使元素返回到其初始化前状态。但是,您可能希望在销毁对话框之前清空div,因为它将变为可见。
$(".results").dialog({modal:true});