ブートストラップモーダルが2回目のクリックで読み込まれない

Question

モーダルの通知をAjaxコール、ajax、PHPコードで表示しています。モーダルでの通知は初めてで、アンカーでの2回目のクリックではロードされません。"modal-dialogue" divと"modal-content"それは"modal fade modal-form in" divをロードします。私はそれをデバッグするとき、私はjavascriptでそれらを処理することができます知っている両方の上のdivの表示なしを見たが、私は解決策ではないと思う。私が行方不明です何

は、モーダルを表示し、非表示にするデータ・トグル=データターゲット=「＃ユーザー・フラグ」「モーダル」

と使用jqueryのを回避してみ

<a class="flag-list" href="#" data-toggle="modal" data-target="#user-flag"> 
    <i class="icon-flag6"></i>' . esc_html__('Flag as inappropriate') . 
</a> 
<div class="modal fade modal-form" id="user-flag" tabindex="-1" role="dialog"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
      <span aria-hidden="true">&times;</span> 
     </button> 
     <h3 class="modal-title" id="flagModalLabel"> 
      <?php echo esc_html__('Flag'); ?> 
     </h3> 
     </div> 
     <div class="modal-body"> 
     <form id="cs_flag_user"> 
      <input type="hidden" name="name_one"> 
      <input type="hidden" name="name_two"> 
      <textarea></textarea> 
     </form> 
     </div> 
    </div> 
    </div> 
</div> 

Answer 1

を案内してください。 。

通知がajax経由で読み込まれる場合は、そのajaxの成功の中でモーダルを表示します。

Answer 2

サーバーサイド、ページ内のコード、または変更されたフォーム提出物がDOMである可能性があります。コンソールを開いて正確な問題を見つけやすくなります。

コードの完全なデモはで実行されています。 phpコードを単純なテキストに置き換え、確認して、さらに詳しいヘルプが必要な場合に備えてコメントを残してください。

モーダルウィンドウで簡単に作業する必要がある場合は、すでにbootstrap4に基づいてソースモーダルウィンドウラッパープラグインを作成して開いています。demos and how to use hereもあります。