セマンティックUI結合モーダルが機能しない

セマンティックUIに問題があります。私は複数のモーダルを使用しようとしていますが、最初のモーダルでApproveボタンを押すと、2番目のモーダルは非常に短い時間点滅し、後で閉じる（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結合モーダルが機能しない

答えて

関連する問題