語義UI耦合模塊無法正常工作

我有一個語義UI問題。我試圖使用多種模式，但按下第一個模式上的Approve按鈕後，第二個模式會在短時間內閃爍，之後它們都會關閉（在Firefox和Chrome中進行測試）。我不確定我做錯了什麼。語義UI耦合模塊無法正常工作

我的代碼：

<body> 
    <div class="ui coupled first modal"> 
     <div class="header">Header 1</div> 
     <div class="actions"> 
     <div class="ui approve button">Approve</div> 
     </div> 
    </div> 
    <div class="ui coupled second modal"> 
     <div class="header">Header 2</div> 
    </div> 

    <script> 
     $('.coupled.modal').modal({ 
      allowMultiple: true 
     }); 

     $('.second.modal').modal('attach events', '.first.modal .button'); 

     $('.first.modal').modal({ 
      transition: 'fade up' 
     }).modal('show'); 
    </script> 
</body>

這裏是我的jsfiddle http://jsfiddle.net/tm95bwpf/

來源

2016-09-09 CraftyScoundrel

From the documentation on modal settings

關閉行動是默認應用到所有按鈕動作，在加入onApprove或onDeny回調將會觸發如果元素比賽要麼選擇。

批准： '.positive，.approve，.ok'，否認： '.negative，.deny， .cancel'

當你已經 '批准' 爲你的類，它是造成模式關閉，因爲它會觸發onApprove事件。

來源

2016-09-09 20:47:28 VtoCorleone

更改

<div class="ui approve button">Approve</div>

到

<div class="ui primary button">Approve</div>

修復該問題。

來源

2016-09-09 20:42:55 CraftyScoundrel

語義UI耦合模塊無法正常工作

回答

相關問題