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

Я могу предотвратить закрытие модального окна в соответствии с примером в документации установив 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, но это нарушает модальность.)


meteor semantic-ui
person Oliver Lloyd    schedule 03.12.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Я думаю, вы можете изменить настройки при инициализации модуля. Я пробовал здесь http://jsfiddle.net/b1sf6oxu/7/

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