Question

我正在使用bootstrap 3.2.0v并尝试在无序列表中单击列出的项目时触发模式框。屏幕变暗但模态框似乎没有出现在窗口中。当我检查元素时，两个组件都出现在DOM中。

只有背景变暗。

我已经包含了bootstrap.js和bootstrap.css。

我有以下代码：

<li class ng-repeat="type in types" ng-click="changeStatus(type, result.name, result)" data-toggle="modal" data-target="#stat">

以下为“模态”框：

<!-- Modal Box -->
 <div class="modal fade" id="stat" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

任何想法？

此外，触发：

  $('#stat').modal('show')

显示正在触发的正确DOM元素（模态框）。但是页面上没有显示任何内容，只是屏幕每次调用都会变暗。

AngularJS <li>触发模态框</li>

0 个答案: