Bootstrap Modal ne montre pas

Je voulais tester Bootstrap modal de l'élément et créé une petite page de test. Mais rien ne s'affiche et je me demandais pourquoi, tous les indices? Je suis la source de l'amorçage de la page... Ma page de test est à http://ronhome.no-ip.org/bootstrap/modal.html

Que le lien est mort!!!
A couru dans tout cela moi-même. Dans mon cas, j'ai eu des pages similaires avec la même boîte de dialogue noms. J'ai ajouté une nouvelle boîte de dialogue, mais jQuery ne pourrais pas tirer mon dialogue parce que c'était un autre DOM. Des problèmes surviennent avec le dense, le dédoublement des DOMs.

OriginalL'auteur cerr | 2013-12-09

  1. 5

    première chose que vous devez inclure jquery, et également déclencher le modal, soit avec un bouton -

    <button type="button" data-toggle="modal" data-target="#myModal">Launch modal</button>

    ou montrer le bootstrap modale à l'aide de jquery -

    <script type="text/javascript">
$(document).ready(function(){
    $('.modal').modal('show');
});
</script>

    OriginalL'auteur Anil Saini

  2. 6

    Votre exemple n'a pas de jQuery inclus.

    Uncaught Error: Bootstrap requires jQuery

    Vous devez inclure jQuery avant de Bootstrap.

    Aussi, Bootstrap Modal besoin d'être changée en une sorte de contrôle sur la page, ou par JavaScript: http://getbootstrap.com/javascript/#modals-usage

    Cela signifie, vous avez besoin d'un bouton avec les attributs des données, correspondant aux caractéristiques définies sur votre modal, ou à exécuter via javascript

    via JavaScript:

    $('.modal').modal('show')

    Ou via des attributs sur un contrôle:

    <button type="button" data-toggle="modal" data-target="#myModal">Launch modal</button>

    MODIFIER:
    Si vous faites cela, vous devez spécifier la cible que l'ID de la lightbox div

    <div id="myModal" class="modal fade">
   <!--modal content here -->
</div><!-- /.modal -->
    J'ai fait exactement ce que vous dites, mais toujours rien ne s'affiche: ronhome.no-ip.org/bootstrap/modal.html
    Tout d'abord, vous avez besoin de faire référence à JQuery avant de Bootstrap. Vous devez également donner à l'modal div ID que vous avez placés dans des données de la cible de votre bouton. Voir mon montage dans la réponse

    OriginalL'auteur damienc88

  3. 5

    Vous devez inclure jQuery avant de Bootstrap.

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

    OriginalL'auteur Kaleidoscope

  4. 2

    vous devez charger vos fichiers javascript jQuery, before de bootstrap, fichiers javascript!

    espérons qu'il travail

    OriginalL'auteur Reza Amya

  5. 2

    Dans mon cas, le fichier de bootstrap modèle ne s'affiche pas quand j'ai fait cette

    $('#myModal').show();

    Mais j'ai modifié ci-dessus morceau de code à celui ci-dessous, puis il a travaillé

    $('#myModal').modal('show');

    OriginalL'auteur Shravan Ramamurthy

  6. 1

    Je ne sais pas si ce utile ou pas.
    J'ai essayé pendant plusieurs heures beaucoup de ces conseils. Enfin, j'ai ajouté bg-dark pour la modals de classe et il fonctionne.

    j'ai donc changé

    <div id="myModal" class="modal fade" role="dialog">

    dans:

    <div id="myModal" class="modal fade bg-dark" role="dialog">

    OriginalL'auteur Raghnall