Jquery 如何使用Remodal创建确认模式

我使用Remodal（）生成一些模态，通常我只使用alert模态，但现在我想使用confirmation模态

我制作了一个带有确认模式的删除按钮，我有以下代码：

$('#delete_button').click(function() {
    $('[data-remodal-id = modal-delete]').remodal().open();
    $(document).on('confirmation', '#modal-delete', function () {
        alert('Confirmation button is clicked');
    });
    $(document).on('cancellation', '#modal-delete', function () {
        alert('Cancel button is clicked');
    });
});

<div class="remodal" data-remodal-id="modal-delete">
    <div class="h1_modal">Delete confirmation</div> 
    <div class="p_modal">Are you sure?</div>
    <button data-remodal-action="cancel" class="remodal-cancel">Cancel</button>
    <button data-remodal-action="confirm" class="remodal-confirm">OK</button>
</div>

$（“#删除按钮”）。单击（函数（）{
$（'[data remodal id=modal delete]'）。remodal（）.open（）；
$（文档）.on（'确认'，'模态删除'），函数（）{
警报（“单击确认按钮”）；
});
$（文档）.on（'cancellation'，'#modal delete'，函数（）{
警报（“单击取消按钮”）；
});
});
删除确认
你确定吗？
取消
好啊

当我单击id为

delete_按钮的按钮时，模式打开，但当我选择取消或确定时，我没有看到任何警报。我怎样才能让它工作

亲切问候,

Arie
在删除单击事件之外添加取消和确定单击事件：

$('#delete_button').click(function() {
    $('[data-remodal-id = modal-delete]').remodal().open();
    // delete logic
});

$(document).on('click', '.remodal-confirm', function () {
        alert('Confirmation button is clicked');
});
$(document).on('click', '.remodal-cancel', function () {
        alert('Cancel button is clicked');
});

我的解决方案是：

HTML:

有几个问题我可以马上看到：我没有看到HTML中的
#delete_button
元素，除非您的帖子中缺少支持代码，否则您的事件委派似乎毫无用处。
 <div data-remodal-id="alert">
  <a data-remodal-action="cancel" class="remodal-cancel">X</a>

  <div id="confirmation-box">
    <p>You didn't create your alert. Do you really want to close this form?</p>
    <a href="#" data-remodal-action="close" class="btn remodal-close">
      <span>Close</span>
    </a>
    <a href="#" data-remodal-action="confirm" class="btn remodal-confirm">
      <span>No</span>
    </a>
  </div>

var remodalInst = $('[data-remodal-id=alert]').remodal({
    closeOnConfirm: false
});

$(document).on('cancellation', '.remodal', function () {
    // disable other close options while modal is open
        remodalInst.settings = {
            closeOnCancel: false,
            closeOnEscape: false,
            closeOnOutsideClick: false
        }
   // show confirmation window
        $('#confirmation-box').show();
   // hide confirmation window after clicking "no" without hiding whole modal
        $(document).on('confirmation', '.remodal', function () {
            $('#confirmation-box').hide();
        });
});