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">×</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>
...
答
首先,在吉文斯: 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
非常感谢你。我完全忘记了触发器。有用! –