bootstrap模態不會加載第二次點擊

我顯示與ajax調用模式通知，AJAX和PHP代碼是好的，它顯示通知模式只有第一次，第二次點擊錨點它不加載"modal-dialogue"股利和"modal-content"但它加載了"modal fade modal-form in" div。當我調試它時，我看到上面的div都顯示none，我知道我可以用javascript處理它們，但我認爲這不是解決方案。bootstrap模態不會加載第二次點擊

我很想念那裏，請指導

<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>

來源

2017-10-18 mohsin

我在你的模態中看到一個表單，當你第一次打開它時，你是在提交表單還是在模態中執行任何操作。 – msoliman

儘量避免數據切換=「莫代爾」數據目標=「＃用戶標誌」

和使用jQuery來顯示和隱藏模態。

如果通知通過AJAX加載，然後顯示該AJAX的模態內的成功。

來源

2017-10-18 05:22:11

看來你可能在服務器端的問題，在你的頁面的代碼，或改變可能是DOM任何形式提交，它會更容易打開控制檯，並找出確切的問題。

爲您的代碼的完整演示在運行。我用簡單的文字替換了php代碼，檢查它並留下您的評論以防需要更多幫助。

如果您需要輕鬆使用模態窗口，我已經編寫了基於bootstrap4的開源模態窗口封裝器插件，您還可以找到demos and how to use here。

來源

2017-10-18 05:45:27 msoliman

bootstrap模態不會加載第二次點擊

回答

相關問題