2014-12-03 53 views
1

我可以通過設置closable: false來阻止按照example in the docs關閉模式。但是,如果我在我的html中包含一個關閉圖標,那麼這不會被視爲拒絕操作,而會繼續並關閉模式,無論如何。通過關閉圖標阻止語義UI模態模式關閉

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回調? (注意:我試過在.actions類中打包.close.icon,但是這打破了模態。)

回答

1

我想你可以在初始化模塊時更改設置。我在這裏試過http://jsfiddle.net/b1sf6oxu/7/

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