Question

我正在尝试创建一个自定义确认框以匹配外观＆amp;感觉我的网站这是我的代码......

customconfirm.js

function CustomConfirm(dialog){
console.log("in CustomConfirm")
var result;
console.log("in render")
var winW = window.outerWidth;
var winH = window.outerHeight;
var dialogoverlay = document.getElementById('dialogoverlay');    
var dialogbox = document.getElementById('dialogbox');
dialogoverlay.style.display = "block";
dialogoverlay.style.height = winH+"px";
dialogbox.style.left = (winW/2) - (550 * 0.5)+"px";
dialogbox.style.top = "250px";
dialogbox.style.display = "block";
document.getElementById('dialogboxhead').innerHTML = '<img src="" alt="logo" height="20" width="20"> Heading';
document.getElementById('dialogboxbody').innerHTML = dialog;
document.getElementById('dialogboxfoot').innerHTML = '<button onclick="Confirmyes()">Yes</button><button onclick="Confirmno()">No</button>';
console.log("render end")}

function Confirmno(){
console.log("in no")    
document.getElementById('dialogbox').style.display = "none"; 
document.getElementById('dialogoverlay').style.display = "none";
processResult(false);
console.log("no ended");}

function Confirmyes(){
console.log("in yesss")
document.getElementById('dialogbox').style.display = "none"; 
document.getElementById('dialogoverlay').style.display = "none";
processResult(true);
console.log("yes ended");}

function processResult(r) {
result = r;
alert(result);
return result;}

我正在调用我的功能如下：

var r = CustomConfirm("Do you really want to delete Player\n'" + player_name + "' ?");
if (r == true){
    console.log(r);
}
elseif (r == false){
    console.log(r);
}
console.log("Result = " + r);

每当我调用CustomConfirm时，它总是在控制台中显示“Result = Undefined”（而不是true或false），表示它没有等待用户选择yes或no。

如何暂停CustomConfirm功能，以便我可以将值存储在r＆amp;用这个值做下一件事吗？

创建自定义确认框时，Jquery代码不会停止

0 个答案: