jQuery確認/取消自制功能不起作用

Question

我做了我自己的，自制的，有/無功能，但它不起作用。

下面是函數：

function CoverAndShow (title, text, type) { 
    if (type == "confirm") { 
     $("body").append("<div class='msg'><h3>" + title + "</h3><p>" + text + "</p><input class='ok' type='button' value='OK' /><input type='button' class='cancel' value='Cancel' /></div>"); 
    } 

    $(".ok").click(function() { 
     return true; 
    }); 

    $(".cancel").click(function() { 
     return false; 
    }); 
} 

這裏是我點擊「確定」，在功能代碼：

$("#ask").click(function() { 

    if (CoverAndShow("Title","Should I operate?", "confirm") == true) { 
     alert("true"); 
    } 

這將無法正常工作，並且不會返回任何東西。
幫助將不勝感激！

Answer 1

你將需要在這裏使用回調。你不能從這種功能返回（查看asyncronity）。您將函數作爲最後一個參數傳遞給CoverAndShow，然後使用返回值調用它。

function CoverAndShow (title, text, type, callback) { 
 
    if (type == "confirm") { 
 
     $("body").append("<div class='msg'><h3>" + title + "</h3><p>" + text + "</p><input class='ok' type='button' value='OK' /><input type='button' class='cancel' value='Cancel' /></div>"); 
 
    } 
 

 
    $(".ok").click(function() { 
 
     callback(true); 
 
    }); 
 

 
    $(".cancel").click(function() { 
 
     callback(false); 
 
    }); 
 
} 
 

 
$("#ask").click(function() { 
 

 
    CoverAndShow("Title","Should I operate?", "confirm", function(ret){ 
 
     if (ret) { // no need to explicitly check for true 
 
     alert("true"); 
 
     } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="ask">ask</div>