myswiper.removeAllSlides is not a function

1

I have a page that have a swiper then thi is my code

myApp.onPageInit('eventattended', function (page)
{

    var mySwiper = new Swiper ('.swiper-container', {
      paginationClickable: true,
      loop:false,
      nextButton: '.swiper-button-next',
      prevButton: '.swiper-button-prev'
    });

 mySwiper.removeAllSlides();

});

it thoews error what is my mistake?

2

Are you using v1 of Framework7?

3

Yes sir I am using v1

4 
myApp.onPageInit('eventattended',function(page){

  var mySwiper=new Swiper('.swiper-container',{
    paginationClickable: true,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev'
  });
  
  var el=Dom7(page.container).find('.swiper-container').swiper;
  el.removeAllSlides();

});
5

What i have in my mind is that in case you have few swipers on page/app, then mySwiper var can return an array instead of swiper instance. Try to console.log(mySwiper) to see what is there. If there is an array, then use more specific selector when you init Swiper, e.g.:

var swiperEl = Dom7(page.container).find('.swiper-container')[0];
var mySwiper=new Swiper(swiperEl, {
   ...
};
6

I will check it.Thank you :slight_smile:

7

Can you also help me here please? I am still stuck with this.Thank you so much!