2017-10-18 7 views
1

Je montre des notifications sur le modal avec l'appel ajax, le code ajax et php est très bien, Il montre les notifications sur modal seulement la première fois, sur deuxième clic à l'ancrage il ne charge pas "modal-dialogue" div et "modal-content" mais il charge "modal fade modal-form in" div. Quand je l'ai débogué, je n'ai vu aucun affichage sur les deux div ci-dessus, je sais que je peux les gérer avec javascript, mais je pense que ce n'est pas la solution.bootstrap modal ne charge pas sur deuxième clic

Ce que je suis absent là, s'il vous plaît guider

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

Je vois un formulaire à l'intérieur de votre modal, soumettez-vous le formulaire ou faites-vous une action dans le modal lorsque vous l'avez ouvert pour la première fois. – msoliman

Répondre

0

Essayez d'éviter des données bascule = "modal" data-target = "# user-drapeau"

et l'utilisation jquery pour afficher et masquer modaux .

Si les notifications sont chargées via ajax, affichez le succès interne modal de cet ajax.

1

Il semble que vous ayez un problème côté serveur, le code de votre page ou tout autre formulaire modifié qui pourrait être le DOM. Il sera plus facile d'ouvrir la console et de trouver le problème exact. Une démonstration complète de votre code est exécutée au . Je viens de remplacer votre code php par un texte simple, vérifiez-le et laissez votre commentaire au cas où vous auriez besoin de plus d'aide.

Si vous avez besoin de travailler avec des fenêtres modales facilement, j'ai déjà écrit et ouvert le plugin Windows Embedded modal basé sur bootstrap4, vous pouvez également trouver demos and how to use here.