Question

我正在尝试创建自定义对话框，并返回用户在该对话框中单击的响应。我使用延迟对象，但是当我调用函数时它会立即返回。

当我调用函数

时

var value = showDelete("Hello World");

总是返回undefined而不是＆＃34; Ok＆＃34;或＆＃34;取消＆＃34;。

我在这段代码中做错了什么。帮我。提前谢谢。

Answer 1

首先，您需要从showDelete方法返回延迟对象。

其次，在您的事件处理程序中，变量value是一个延迟对象，因此您需要使用done方法来获取值。检查此代码，似乎有效：

function showDelete(msg){
    var defers = $.Deferred();
    jQuery.when(showAlert(msg)).done(function(){
        alert("Ok");
        defers.resolve("ok");    // resolve, not return value
    }).fail(function(){
        alert("Cancel");
        defers.resolve("cancel");   // resolve, not return a value
    }).always(function(){
        jQuery("#confirm").hide();
    })
    return defers.promise();    // return a promise
}
function showAlert(msg){
    var defer2 = $.Deferred();
    jQuery("#msg").html(msg);
    jQuery("#confirm").show();
    jQuery("#confirm input:first").on("click",function(){
        defer2.resolve();
    });
    jQuery("#confirm input:last").on("click",function(){
        defer2.reject();
    });
    return defer2.promise();
}
jQuery("#alertt").bind("click", function(){
    var value = showDelete("Hello World");
    value.done(function(result){    // use done handler
        console.log(result); //logs ok or cancel;
    });
});

此外，在您的方案中使用延迟对象似乎是不必要的。延迟的主要用途是简化长时间运行的异步任务（例如AJAX）的工作，但在您的情况下，看起来没有延迟的方法会有效。

调用函数时返回jquery.deferred对象的响应

1 个答案: