我需要使用 jquery 对话框来实现确认框替换。我有一个这样的调用函数
function callingFunc() {
var a = confirmJquery("text", 300, 300, "ok", "cancel");
if (a == true) {
.....
}
else {
....
}
}
这是confirmJquery函数
function confirmJquery(msg, width, height, txtOk, txtCancel) {
var div = document.createElement('div');
div.className = "confirmJquery";
var span = document.createElement('span');
$(span).html(msg);
div.appendChild(span);
var buttonOk = document.createElement('button');
buttonOk.className = 'buttonStyleBigger';
$(buttonOk).html(txtOk);
var buttonCancel = document.createElement('button');
buttonCancel.className = 'buttonStyleBigger';
$(buttonCancel).html(txtCancel);
var divBottom = document.createElement('div');
divBottom.className = 'dialogAction';
divBottom.appendChild(buttonOk);
divBottom.appendChild(buttonCancel);
div.appendChild(divBottom);
var dialog = window.parent.$(div).appendTo(window.parent.document.body);
// open the dialog
dialog.dialog({
height: height,
width: width,
resizable: false,
// add a close listener to prevent adding multiple divs to the document
close: function(event, ui) {
// remove div with all data and events
dialog.remove();
},
modal: true
});
$(buttonOk).bind('click', function(){
return true;
});
$(buttonCancel).bind('click', function() {
return false;
});
}
问题是,confirmJquery 函数总是在按下按钮(确定或取消)之前完成;因此,调用函数没有任何价值。我需要让confirmJquery 等到用户按下按钮然后函数完成并且调用函数的其余部分继续。我怎样才能做到这一点 ?
我需要更新更多细节:我已经尝试过回调函数的方式。它完美地工作。但是,这样的生活并不容易。这是一个非常庞大、陈旧、混乱的系统。这样做需要我重写很多函数,所以我需要创建一个与 javascript 的确认函数完全一样的函数