Bootstrap Twitter模式在iPad上加载缓慢

mic*_*lvo 5 performance modal-dialog twitter-bootstrap angularjs

我使用的是来自Twitter引导ui团队的标准模式弹出窗口,但没有渐变属性:http : //getbootstrap.com/javascript/#modals

<div class="modal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
  <button type="button" class="close" ng-click="cancel()">&times;</button>
  <h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
  <ul>
    <li ng-repeat="item in items">
      <a ng-click="selected.item=item">{{item}}</a>
    </li>
  </ul>
  <div>Selected Item: {{selected.item}}</div>
</div>
<div class="modal-footer">
  <button type="button" class="btn btn-default" ng-click="cancel()">Close</button>
  <button type="button" class="btn btn-primary" ng-click="ok()">Save changes</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- modal -->
Run Code Online (Sandbox Code Playgroud)

在chrome和safari(使用user-agent = ipad)中,它会立即加载。

在iPad上,加载时间超过2.5秒。谁能指出我将如何着手对此进行研究?我注释掉了所有的CSS淡入淡出元素。不确定接下来要看哪里。

谢谢

编辑:它实际上在空白页上超快速地工作。在包含约50 ng-repeat元素的页面上,它非常慢。我的猜测是加载时会重绘ng-repeat元素吗?我将对此进行调查。

修正:问题是每行的下拉菜单导致它缓慢渲染。谢谢