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>

文档： http://getbootstrap.com/javascript/#live-demo

替代方法来调用它通过jQuery的： http://getbootstrap.com/javascript/#modals-methods

来源

2017-04-14 18:39:35 EdwardM

非常感谢你。我完全忘记了触发器。有用！ –

Twitter引导模式窗口不出现

回答

相关问题