Swiper + Ionic TypeError: невозможно прочитать свойство nodeType со значением null

Эта ошибка появляется, если я добавляю более одного swiper-контейнера в свое приложение Ionic на двух разных страницах.

$rootScope.swiper = new Swiper('.swiper-container', {
   direction: 'horizontal',
   loop: true,
   effect: 'fade',
   autoplay: 4000
});

swiper ionic
person anestis    schedule 15.12.2015    source источник
comment
Обратите внимание, что при использовании Framework7 перелистываемый список содержит контейнер перелистывания.   -  person Stephen S    schedule 09.05.2017

Ответы (1)


arrow_upward
3
arrow_downward

Способ решить эту проблему состоял в том, чтобы поместить идентификатор в каждый div swiper-container и найти элемент с идентификатором каждого div, а не класса .swiper-container. Таким образом, два элемента не перепутаются.

    $scope.$on('$ionicView.afterEnter', function () {
      console.log("Loading Swiper");
      $rootScope.swiper = new Swiper(angular.element(document.querySelector("#homeSwiper")), {
        // Optional parameters
        direction: 'horizontal',
        loop: true,
        effect: 'fade',
        autoplay: 4000
      });

    });

    $scope.$on('$ionicView.beforeLeave', function () {
      console.log("Destory");
      $rootScope.swiper.destroy();
    });
person anestis    schedule 15.12.2015