Twitterのブートストラップモーダルウィンドウが表示されません

私はtwitterブートストラップライブラリを含むアプリケーションを持っています。 JQueryライブラリは最初のライブラリとしてロードされ、他のすべてのライブラリは次にロードされます。何らかの理由で私のモーダルウィンドウが機能しません。コンソールにエラーはありません。私はほとんど同じアプリケーションを持っていて、同じコードがうまく機能します。ここで Twitterのブートストラップモーダルウィンドウが表示されません

はコードです：

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

出典

2017-04-14 P.Shustenko

まず第一に、ギブンス： 1.ロードjQueryの最初の 2.ロード、モーダルでのオフトリガーを取得する必要が続いて

後にブートストラップJSイベント（ページの読み込みやボタンのクリックなど）。ご例えば

、多分のようなボタン：

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

ドキュメント：jQueryのを通してそれを呼び出すための http://getbootstrap.com/javascript/#live-demo

代替方法： http://getbootstrap.com/javascript/#modals-methods

出典

2017-04-14 18:39:35 EdwardM

はどうもありがとうございました。私はトリガを忘れてしまった。できます！ –

Twitterのブートストラップモーダルウィンドウが表示されません

答えて

関連する問題