JQuery 在 "IONIC" 中不起作用<ion-view>

Question

我面临着一个奇怪的问题，我想让jQuery在ion视图中工作，但我做不到。当我把div id="owl-demo"放在ion视图之外时，它就工作了，所以我猜是有冲突阻止了jQuery的执行，因为我知道当代码放在离子视图中时，它不会显示任何错误，只是空白，所以即使我也能看到错误是什么。有人知道我为什么以及如何解决它吗？

JQUERY

  $(document).ready(function() {
  $("#owl-demo").owlCarousel({
  navigation : true, 
  slideSpeed : 300,
  paginationSpeed : 400,
  singleItem:true
  }); 
});

HTML

<ion-view>
<ion-content overflow-scroll="true" padding="true" class="has-header">
    <h5 class="heads">DEALS</h5>
    <div ng-controller="Deals">
    <div id="owl-demo" class="owl-carousel owl-theme">
      <div ng-repeat="deal in getDeal"><img style="width: 100%;  height: 100%;" ng-src="{{deal.img}}"></div>
    </div>
    </div>
</ion-content>

Answer 1

使用

$scope.$on("$ionicView.loaded", function() {
    // your code
}

离子视图在document.ready.之后加载