iDangerous Swiper在onSlideClick後不同步

我在頁面上有兩個Swipers，它們已鏈接並同步。兩者都是環狀的，並顯示大約60張幻燈片（長度是動態的）。這兩個Swipers都有分頁功能，並且在'next'和'previous'按鈕（.swipePrev（）和.swipeNext（））上都可以正常工作。iDangerous Swiper在onSlideClick後不同步

第一個Swiper只顯示一個大圖像，第二個是帶有縮略圖的旋轉木馬（顯示活動的旋轉木馬，以及前兩張和下兩張幻燈片）。當我在任何一個頁面上進行翻頁時，活動索引被更新並且活動幻燈片以小格式爲中心，大格式也被更新。

我現在想添加功能，當我點擊旋轉木馬中的幻燈片時也更新兩個滑塊。我將下面的代碼添加到傳送帶上：

onSlideClick: function() { 
    accoPager.swipeTo(accoPager.clickedSlideIndex); 
    accoSlider.swipeTo(accoPager.activeIndex); 
}

這很好，當我點擊一次，但第二次點擊它不工作了。

有趣的事情，在我使用常規尋呼機（兩側的箭頭按鈕）後，或者我滑動，事件再次工作。似乎發生的情況是，當使用.swipeTo（）時，活動索引未正確更新，但在使用.swipeNext（）或.swipePrevious（）時已更正。

的Swipers的初始化（大一第一）：

slider= $('#acco-slider-top').swiper({ 
    mode: 'horizontal', 
    paginationClickable: true, 
    slidesPerView: 'auto', 
    loop: true, 
    loopedSlides: 99, 
    onTouchEnd: function() { 
     pagerCarousel.swipeTo(slider.activeIndex); 
    } 
}); 

pagerCarousel = $('#pager-area .swiper-container').swiper({ 
    mode: 'horizontal', 
    paginationClickable: true, 
    slidesPerView: 'auto', 
    offsetPxBefore: 144, 
    loop: true, 
    loopedSlides: 99, 
    onTouchEnd: function() { 
     slider.swipeTo(pagerCarousel.activeIndex); 
    }, 
    onSlideClick: function() { 
     pagerCarousel.swipeTo(pagerCarousel.clickedSlideIndex); 
     slider.swipeTo(pagerCarousel.clickedSlideIndex); 
    } 
});

我嘗試設置活動的索引，但不起作用。當我在onSlideClick事件中發出警告時，我發現該事件仍與Swiper鏈接，但它在swiper代碼中的某處停止。

有沒有人也有這個問題，以及最好的方式是什麼？我認爲這與params有關.onSlideClick _this.allowSlideClick在Swiper代碼中切換，但我無法確切地指出。

編輯：不unimportantly，我使用的是組隊，探索2.4.2+

來源

2014-03-12 Sjoerd de Haan

這應該工作，很難說哪裏是不看活生生的例子問題。檢查這個例子，它是如何做到這一點，也許它會有幫助http://goo.gl/Nc2M5P

來源

2014-03-28 11:50:59

我改變了我的代碼看起來更像你的，然後它確實有效。但是，如果我嘗試打開循環，則會再次打破。有沒有辦法循環幻燈片，當使用你的例子？ –

iDangerous Swiper在onSlideClick後不同步

回答

相關問題