Jquery 在取消/OK模式弹出窗口点击添加逻辑，基础5模态 我试图找出一个愚蠢的事情来工作几个小时，但似乎不起作用。我从我的JavaScript中得到了基础5模态警报窗口。如果用户点击取消按钮（在警报上），我必须防止删除操作，如果点击右边的OK或交叉（X）图标，就删除。 这是我的标记和javascript <div class="reveal-modal small" id="firstModal" data-reveal> <p>Are you sure?</p> <a href="#" class="close-reveal-modal" id="alert-close">&times;</a> <a href="#" class="button alert" id="alert-cancel">Cancel</a> <a href="#" class="button alert" id="alert-ok">Ok</a> </div>

我尝试在“打开”之后添加回调，但似乎不起作用。我还尝试使用jQuery捕获取消/确定按钮单击事件。这些按钮都不起作用。现在，无论用户选择哪个按钮，数据都会被删除 编辑： 我试过这样的方法，但效果不好

$('#firstModal').foundation('reveal', 'open', function (value) {
                    if (value) {
                        modifySelectList(id, currentDefaultId);
                    }
                    else {
                        $('#firstModal').foundation('reveal', 'close');
                    }

                });

请帮忙

---

提前感谢

我通过添加以下代码（我删除了右上角的关闭（X）按钮（可能对像我这样的人有帮助）实现了这一点

---

将通过添加一些console.log（）调用来查看回调函数的值。

$('#firstModal').foundation('reveal', 'open', function (value) {
                    if (value) {
                        modifySelectList(id, currentDefaultId);
                    }
                    else {
                        $('#firstModal').foundation('reveal', 'close');
                    }

                });

    function revealModal(callBack) {
            $('[data-reveal]').foundation('reveal', 'open', {});
            $(document).on('opened.fndtn.reveal', '[data-reveal]', function () {
                //Handle Ok click
                $('#alert-ok').click(function () {
                    callBack.call(options);
                    $('[data-reveal]').foundation('reveal', 'close');
                })
                //Handle Cancel click
                $('#alert-cancel').click(function (event) {
                    //Your logic here
                    $('[data-reveal]').foundation('reveal', 'close');
                })
            })
        }

function callBack(options){
 //Yor application logic
}