Question

jQuery仿confirm遇到的问题

// 提示对话框
function modal() {
var modal = $("#modal");

modal.fadeIn(); // 显示对话框
modal.find('button[value="ok"]').click(function() { // 选择 OK
modal.fadeOut();
return true;
});
// ---------------------------------------------------------------------------
modal.find('button[value="cancel"]').click(function() { // 选择 取消
modal.fadeOut();
return false;
});
}
// 点击网页的删除时调用modal((函数
$('#dialog-add').find('button[value="del"]').click(function() {
if(modal()) { // 问题在这里！！！！！！！
return false;
}
$('form').submit();
});

问题是调用modal()函数的时候，不能得到返回值。

modal()函数定义部分，在横线之前写return false 或return true 可以返回，但是写在两个点击事件里面就得不到返回值。

望高手解答

Answer 1

modal()本身就是显示个对话框而已，任何js都无法模拟出真正的模态对话框的效果，你这个地方还是用异步实现吧

// 提示对话框
function modal(func) {
var modal = $("#modal");
	
	modal.fadeIn(); // 显示对话框
	modal.find('button[value="ok"]').click(function() { // 选择 OK
		modal.fadeOut();
		func();
	});
// ---------------------------------------------------------------------------
	modal.find('button[value="cancel"]').click(function() { // 选择 取消
		modal.fadeOut();
	});
}
// 点击网页的删除时调用modal((函数
	$('#dialog-add').find('button[value="del"]').click(function() {
		modal(function(){$('form').submit();});
	});

这样试试

追问

这个方法逻辑上应该可以。但是表单还是不能提交

追答

没提交是不是$('form')是空？

追问

是这样的

追答

那就这个获取form要改个方式了，先检查下你的html吧

Answer 2

是看到 QQ 邮箱删除确认的效果想模仿吧？三个关键点：（1）遮罩层；（2）对话框层；（3）回调函数。其中，回调函数用在对话框层的按钮的 Click 事件中。如果还要做得更完整，则还需要在对话框层做拖动处理。

追问

谢谢您的回答。
>回调函数用在对话框层的按钮的 Click 事件中
能再讲详细点么？可不可以写个例子。关于回调函数不太明白

追答

function myAlert(msg, callback){
ShowMask;
给遮罩层增加一个属性，用于记录用户按的是哪个按钮。
ShowMyDialogBox;
$(按钮OK).click(function(){
记录用户按的是 OK 按钮
...
Callback;
});
$(按钮Cancel).click(function(){
记录用户按的是 Cancel 按钮
...
Callback;
});
}

调用示例：
myAlert('你想干什么？',function(){
获取用户按了哪个按钮，做相应的处理。
});

至于在什么时机销毁对话框和遮罩层，根据你的需要在合适的位置添加代码即可。既可以在 Click 事件中写，也可以在 Callback 中写。看你自己了。
上面的代码也许存在语法问题，没有调试，盲写的。

再继续追问就没意思了啊！提示变成代劳，违背本人授人以渔的助人为乐原则。