如何从Zebra_Dialog框架返回true/false布尔值以更新存储卡片？

我之前也踩过这个坑，核心问题在于Zebra_Dialog和原生confirm()的执行逻辑完全不同：原生confirm()是同步阻塞的，会暂停代码执行直到用户做出选择，所以能直接拿到返回值；但Zebra_Dialog是异步非阻塞的，弹窗弹出后代码会继续往下走，没法直接通过赋值获取结果，必须用回调函数来处理用户的选择。

先看你可能踩坑的错误写法 #

如果你像用confirm()那样直接尝试赋值，结果肯定不对，因为弹窗还没交互，代码就已经执行到后面了：

// ❌ 错误写法：试图直接获取返回值
let result = $.Zebra_Dialog('确定要更新存储卡片吗？', {
    type: 'question',
    buttons: ['确定', '取消']
});
updateCard(result); // 这里result是undefined，因为弹窗还没处理完

正确解决方案：用回调函数处理用户选择 #

Zebra_Dialog提供了两种常用的回调方式来捕获用户的选择，你可以根据需求选：

方式1：给每个按钮单独绑定回调（精准控制）

直接给“确定”和“取消”按钮分别绑定点击回调，在回调里直接传入true/false触发更新：

// ✅ 正确写法：按钮绑定回调
$.Zebra_Dialog('确定要更新存储卡片吗？', {
    type: 'question',
    buttons: [
        {
            text: '确定',
            onClick: function() {
                // 用户点击确定，传入true执行更新
                updateCard(true);
            }
        },
        {
            text: '取消',
            onClick: function() {
                // 用户点击取消，传入false终止更新
                updateCard(false);
            }
        }
    ]
});

// 你的存储卡片更新函数
function updateCard(isConfirmed) {
    if (isConfirmed) {
        // 这里写更新卡片的逻辑
        console.log('开始更新存储卡片');
    } else {
        // 取消更新的逻辑
        console.log('取消更新存储卡片');
    }
}

方式2：用onClose统一处理（更简洁）

如果按钮逻辑比较简单，可以用onClose回调，通过预设的value值来直接拿到布尔结果（避免判断文本，适合多语言场景）：

// ✅ 正确写法：onClose回调处理
$.Zebra_Dialog('确定要更新存储卡片吗？', {
    type: 'question',
    buttons: [
        {text: '确定', value: true},
        {text: '取消', value: false}
    ],
    onClose: function(clickedButton) {
        // clickedButton就是我们配置的value值（true/false）
        updateCard(clickedButton);
    }
});

关键提醒 #

因为Zebra_Dialog是异步的，所有依赖用户选择的逻辑必须放在回调函数里，不能写在弹窗代码的外面——否则会出现逻辑提前执行、拿不到正确值的问题。

内容的提问来源于stack exchange，提问作者user6818018