Предотвратить закрытие модального интерфейса Semantic-UI с помощью значка закрытия

Question

Я могу предотвратить закрытие модального окна в соответствии с примером в документации, установив closable: false, Но если я добавлю значок закрытия в html, то это не будет воспринято как запретное действие, и будет продолжено и закроет модальный режим, несмотря ни на что.

jsfiddle

Я предполагаю, что это потому, что настройки DOM для модального вида выглядят так:

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'
    },
    // ...
}