swiperの複数の使用

Question

swiperのボタンを押すと2つとも左右に画像が動いてしまいます。
別々に動かすにはどうすればいいでしょうか？

    <div class="swiper-container-wrapper">
<!-- Slider main container -->
<div class="swiper-container">
    <!-- Additional required wrapper -->
    <div class="swiper-wrapper">
            <!-- Slides -->
            <div class="swiper-slide"><img src="images/img01.jpg" alt=""></div>
            <div class="swiper-slide"><img src="images/img02.jpg" alt=""></div>
            <div class="swiper-slide"><img src="images/img01.jpg" alt=""></div>
        </div>
    <!-- If we need pagination 
    <div class="swiper-pagination"></div>-->
</div>   
    <!-- If we need navigation buttons -->
    <div class="swiper-button-prev button-prev02"></div>
    <div class="swiper-button-next button-prev02"></div>

</div><!-- swiper-container-wrapper -->



    <div class="swiper-container-wrapper">
<!-- Slider main container -->
<div class="swiper-container">
        <!-- Additional required wrapper -->
        <div class="swiper-wrapper">
                <!-- Slides -->
                <div class="swiper-slide"><img src="images/facility_img01.png" alt=""></div>
                <div class="swiper-slide"><img src="images/facility_img02.png" alt=""></div>
                <div class="swiper-slide"><img src="images/facility_img03.png" alt=""></div>
            </div>
        <!-- If we need pagination 
        <div class="swiper-pagination"></div>-->
    </div>    
        <!-- If we need navigation buttons -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>

</div><!-- swiper-container-wrapper -->

var mySwiper = new Swiper ('.swiper-container', {
	loop: true,
	slidesPerView: 3,
  	spaceBetween: 10,
  	centeredSlides : true,
	pagination: '.swiper-pagination',
	nextButton: '.swiper-button-next',
	prevButton: '.swiper-button-prev',
	breakpoints: {
		767: {
			slidesPerView:1,
			spaceBetween: 0
		}
	}
}) 

Answer 1

過去の質問に下記のようなものがあります。確認されてみてはいかがでしょうか。

---

【JavaScript - swiper.jsで複数のスライダーを設置したが左右ボタンが効かない(118992)｜teratail】
https://teratail.com/questions/118992

      nextButton: '.swiper-button-next',
      prevButton: '.swiper-button-prev'

ではなく

      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },

【Swiper API】
http://idangero.us/swiper/api/#navigation