javascript - SemanticUI 模式未触发 onDeny/onApprove 事件

Question

我的 SemanticUI 模式面板模块有问题，我已经设置了所有内容，但我不知道该怎么做才能触发 onDeny/onApprove 事件。 onShow 和 onVisible 等其他事件正常触发，没有任何问题。另外，可关闭标志设置为 false，但我仍然看到关闭按钮。

我的 jquery 监听器定义如下:

$('#btnReset').click(function(){
  $('#confirmModalPanel')
    .modal({
        closable  : false,
        onShow: function(){console.log('onShow');},
        onVisible: function(){console.log('onVisible');},
        onDeny: function(){console.log('onDeny');},
        onApprove: function(){console.log('onApprove');}
    })
    .modal('show');
});

这里是 jsfiddle link .

Answer 1

显示关闭按钮是因为您要添加 <i class="close icon"></i>在模态中，如果删除此元素，则不会出现关闭按钮。

closable属性不会以您期望的方式影响，closable:false使单击模态之外的任何位置都不起作用，因此模态不会隐藏，或者如果您设置 closable:true然后点击模态使模态隐藏。

关于火灾onDeny/onApprove您必须添加的事件ok批准类<div>和cancel拒绝上课<div> 。所以使用:

<div class="ui green ok basic inverted button"> // added "ok"
    <i class="checkmark icon"></i>
      DA
</div>
<div class="ui red cancel basic inverted button"> // addded "cancel"
   <i class="remove icon"></i>
      NE
</div>

而不是:

<div class="ui green basic inverted button"> // without "ok" onApprove doesn't fires
    <i class="checkmark icon"></i>
      DA
</div>
<div class="ui red cancel basic inverted button"> // without "cancel" onDeny doesn't fire
   <i class="remove icon"></i>
      NE
</div>

您还可以使用positive/approve , negative/deny如ok/cancel正如您从 semantic-ui example: 看到的那样

Modals will automatically tie approve deny callbacks to any positive/approve, negative/deny or ok/cancel buttons.

查看此工作 jsfiddle

希望这有帮助，