2

スライダーがあり、ループするように設定されています

$ ->
mySwiper2 = new Swiper(".cultural-swiper-container",
  keyboardControl: true
  grabCursor: true
  pagination: ".cultural-swiper-container .pagination"
  paginationClickable: true
  loop: true
  autoplay: 10000
  autoplayDisableOnInteraction: false
)
$(".cultural-slider .prev").on "click", (e) ->
  e.preventDefault()
  mySwiper2.swipePrev()

$(".cultural-slider .next").on "click", (e) ->
  e.preventDefault()
  mySwiper2.swipeNext()

問題は、ループが終了して最初のスライドに戻るときに、再初期化されていないように見えることです。これを言う理由は、テキストの先頭に2つのアイコンフォントを追加し、スライドをクリックしてタッチイベントを開始するか、前方をクリックしてから戻ると、再初期化するように修正されるためです。

.swiper-wrapper
    .swiper-slide.pink-slide
      .swiper-bg
        .sb-logo
          i.icon-sb-mark
        .container
          .large-5.columns.small-centered
            p We bring ideas to life, we help others realize their dreams and their goals, and we help push innovative companies to heights they aren’t able to reach on their own. 

これはIEのコードです

.swiper-wrapper
    .swiper-slide.pink-slide
      .swiper-bg
        .sb-logo
          i.icon-sb-mark
        .container
          .large-5.columns.small-centered
            p 
              i.icon-sb-mark 
                i.icon-sb-mark 
                  We bring ideas to life, we help others realize their dreams and their goals, and we help push innovative companies to heights they aren’t able to reach on their own. 

何が起こっているのかわからない、それはIE 11だけです

4

0 に答える 0