javascript - 如何使用 jQuery noty 插件返回 true 或 false？

Question

我有以下使用 noty 插件和 plum 购物车 jQuery 的 jQuery。第一个代码块正确地提示是/否并正确地清空购物车。

第二个代码块使用 noty 正确显示是/否消息，但它不返回 true/false，因此购物车没有被清空。

我是 jQuery 的新手，所以我可能遗漏了一些明显的东西!任何帮助将不胜感激:

//This works..
emptycart: function () {
    if (!confirm('Are you sure you want to empty your cart?')) {
        return false;
    }
},

//This doesnt work..

emptycart: function () {
    confirm.call(this, noty({
        text: 'Are you sure you want to empty the cart ?',
        buttons: [
            {type: 'button green', text: 'Ok', click: function() { return false; } },
            {type: 'button pink', text: 'Cancel', click: function() { return true; } }
        ],
        closable: false,
        timeout: false
        }),
        true
    );
    return false;
}, 

Answer 1

嗯，插件正在接收回调，所以当你使用回调时，你必须以异步的方式思考。

/**
 * @param {function} onConfirm : Receives true or false as argument, depending on the user choice
 */
emptycart: function (onConfirm) {
    confirm.call(this, noty({
        text: 'Are you sure you want to empty the cart ?',
        buttons: [
            {
                type: 'button green',
                text: 'Ok',
                click: function() {
                    //Do other stuff if you want...
                    onConfirm(true); 
                }
            },
            {
                type: 'button pink',
                text: 'Cancel',
                click: function() {
                    //Do other stuff if you want...
                    onConfirm(false);
                } 
            }
        ],
        closable: false,
        timeout: false
    }), true);
}

在上面，您将发送一个回调函数“onConfirm”，当用户单击任一按钮时将调用该回调函数。该函数将接收一个 bool 参数，告诉它是单击“确定”还是“取消”。