通过关闭图标阻止关闭Semantic-UI模态模式

Question

我可以通过设置closable: false来阻止根据example in the docs关闭模式。但是如果我在我的html中包含一个关闭图标，那么这不会被视为拒绝操作，并且继续并关闭模式，无论如何。

jsfiddle

我认为这是因为模态的DOM Settings看起来像这样：

selector    : {
  close    : '.close, .actions .button',
  approve  : '.actions .positive, .actions .approve, .actions .ok',
  deny     : '.actions .negative, .actions .deny, .actions .cancel'
},

您可以看到.close不在拒绝选择器中。

那么如何让.close图标触发onDeny回调？ （注意。我尝试在.close.icon类中包装.actions，但这会打破模态。）

Answer 1

我认为您可以在初始化模块时更改设置。我在这里试过http://jsfiddle.net/b1sf6oxu/7/

$('.modal').modal({
    selector: {
        close: '.actions .button',
        deny: '.actions .negative, .actions .deny, .actions .cancel, .close'
    },
    // ...
}