Question

我面临一个奇怪的问题，我想在离子视图中使jQuery工作，但我无法这样做。当我将div id =“owl-demo”放在离子视图之外时，它可以工作，所以我猜有一个冲突阻止jQuery被执行，因为知道当代码放在ion-view里面时，它不显示任何错误，只是空白，所以即使我可以看到错误是什么。任何人都知道为什么以及如何解决它？

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。

之后加载离子视图

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

1 个答案: