Twitter bootstrap modales Fenster erscheint nicht

Ich habe eine Anwendung mit Twitter Bootstrap-Bibliothek enthalten. Die JQuery-Bibliothek wird als erste Bibliothek geladen, alle anderen Bibliotheken werden als nächstes geladen. Aber aus irgendeinem Grund funktioniert mein modales Fenster nicht. Das sind keine Fehler in der Konsole. Ich habe fast die gleiche Anwendung und der gleiche Code funktioniert gut. HierTwitter bootstrap modales Fenster erscheint nicht

ist der Code:

<body ng-app="calcA" ng-controller="calcACtrl"> 
    <div class="calc-container" ng-cloak> 
    <form class="calc-fields" name="choice" novalidate ng-hide="types.individual || types.kids || types.family || types.car"> 
     <!-- my code --> 
     </div> 
    </form> 
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
     <div class="modal-dialog" role="document" style="width: 75%; height :95%; font-size: small"> 
      <div class="modal-content"> 
       <div class="modal-header" style="margin: 0; padding: 5px 10px 2px 2px !important"> 
        <button type="button" class="close" data-dismiss="modal" ng-click="closeIndividual()" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
        <p class="modal-title" id="myModalLabel" style="text-align: center"><b>Modal Title</b></p> 
       </div> 
        <div class="modal-body" style="padding: 5px"> 
         <div ng-hide="!types.individual"> 
         <!-- my code --> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
    ...

Quelle

2017-04-14 P.Shustenko

Zunächst einmal, die Givens: 1. Legen Sie jQuery erste 2. Laden Bootstrap js nach

Dann wird die modale muss ausgelöst werden weg von einer Ereignis, z. B. beim Laden der Seite oder einem Klick auf die Schaltfläche.

Für die Instanz, vielleicht eine Schaltfläche wie:

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> 
    Launch demo modal 
</button>

Docs: http://getbootstrap.com/javascript/#live-demo

Alternative Methoden, um es durch jQuery zu nennen: http://getbootstrap.com/javascript/#modals-methods

Quelle

2017-04-14 18:39:35 EdwardM

Ihnen sehr danken. Den Auslöser habe ich ganz vergessen. Es klappt! –

Twitter bootstrap modales Fenster erscheint nicht

Antwort

Verwandte Themen