Bootstrap Modal disparaît lorsqu'il est utilisé avec l'assistant de navigation

Question

J'ai un problème avec Bootstrap Modal. J'utilise Bootstrap3.x pour Modal et BootstrapWizard pour l'assistant de navigation personnalisé. Donc, les deux bibliothèques sont nécessaires. Quand je clique sur Modal, il disparaît automatiquement. Quelqu'un peut-il m'aider à ce sujet?

Answer 1

J'ai trouvé la solution à ce problème. Mon code initial HTML ressemble à ceci

<button class="btn-default" data-toggle="modal" data-target="#addPostModal" data-backdrop="static" data-keyboard="false">Add Posts</button> 

Mais je modifié cela

<button class="btn-default" id="myButton">Add Posts</button> 

et a écrit une fonction jQuery pour gérer l'action onclick

$(document).ready(function() 
     { 
      $("#myButton").click(function() 
      { 
       $("#addPostModal").modal("toggle"); 
      }); 
     }); 

En bref, j'ai supprimé la fonction de basculement à partir du HTML et ajouté la méthode toggle. Nous pouvons également supprimer "toggle" de la fonction onclick(), cela ne fait aucune différence.

$(document).ready(function() 
      { 
       $("#myButton").click(function() 
       { 
        $("#addPostModal").modal(); 
       }); 
      });