jQuery警报对话框

jConfirm等待,直到用户做出决定,然后它将调用将处理答案的回调函数.但是jConfirm不会像标准确认(…)那样阻止代码执行流程.

因此,如果您之前的代码如下所示：

// ask for a decision
var answer = confirm("Leave website?"); // the whole script stops until the user has made a decision!

// process answer
if (answer){
    alert("Bye bye!"); // the script waits here until the user has clicked "ok"
    window.location = "http://www.google.com/";
}
else{
    alert("Thanks for sticking around!"); // the script waits here until the user has clicked "ok"
}

它应该在jQuery中看起来像这样：

// prevIoUs code

// show confirm dialog but the script will not wait,the script execution goes forward

jConfirm('Leave website?','Confirmation Dialog',function(answer) {

    // this is the callback function of the jConfirm dialog we made
    // we arrive here when the user has made a decision

    // the answer is true,he wants to leave
    if (answer){

      // show a jAlert Box
      jAlert("Bye Bye!","Some Title",function() {

        // this is the callback function of the jAlert Box
        // we arrive here when the user has clicked "ok"

        // send him to google
        window.location = "http://www.google.com/";
      });

    }
    else{
      // show a jAlert Box without any callback
        jAlert("Thanks for sticking around!","Some Title");
    }

});

// the code that follows here will be immediately executed
// because unlike confirm(),jConfirm() will not block
// the code execution flow

并举例说明：

标准的JavaScript confirm()执行流程

|
  |
  |
  \/
  confirm() waits for an answer... 
  no further code will be executed
  until the user has made a decision
  |
  |
  \/
  handle the user's answer
  |
  |
  \/
  further code 
  execution

jConfirm执行流程

|
  |
  \/ -------> jConfirm Dialog  
  |                 |
  |                 |
  |                 \/
  |             Callback function
  |             when the user has made
  |             a decision. 
  |             (handle the answer here)
  |                  
  |
  \/
 further code
 execution