jcarouselPagination：調整大小'頁面'變量

Question

我有一個帶有3個元素的獨創id（1,2,3）的jcarousel。 在載入時，jcarouselPagination項目工作完美，他們找到了正確的對象（「data-item = 1,2,3」）。

但是，當我將屏幕調整爲小型或微型媒體時，jcarouselPagination項目不能正確定位。他們從2開始導致（「data-item = 2,3,4」）。

這裏是創建分頁項目我的jQuery部分：

if ($(".ce_jcarousel").length == 0) { 
    return; 
} 
$('.ce_jcarousel').jcarousel(); 
$('.cejcarousel-pagination') 
    .on('cejcarouselpagination:active', 'a', function() { 
     $(this).addClass('active'); 
    }) 
    .on('cejcarouselpagination:inactive', 'a', function() { 
     $(this).removeClass('active'); 
    }) 
    .jcarouselPagination({ 
     'item': function (page, carouselItems) { 
      return '<a data-item="'+ page +'" class="slider_ce_text ' + (page == 1 ? "active" : "") + '" href="#' + page + '"><div class="grey_dot"></div></a>'; 
     } 
    } 
); 

我只能撥打在頁面加載這一功能，就從來沒有調整，所以我有麻煩發生了什麼事！ 謝謝！

Answer 1

好了，我沒噸真的想通了，爲什麼它奧斯卡最佳噸鍛鍊身體，或爲什麼我的傳送帶不停地產生對調整大小.. 分頁項目，但似乎我不得不取消綁定resize.jcarousel功能 所以這裏是我的新的（和工作）代碼，如果有人感興趣！

if ($(".ce_jcarousel").length == 0) { 
return; 
} 
jcarousel.jcarousel({ 
    wrap: 'circular' 
}); 
$(window).unbind('resize.jcarousel'); 
$('.cejcarousel-pagination') 
     .on('jcarouselpagination:active', 'a', function() { 
      $(this).addClass('active'); 
     }) 
     .on('jcarouselpagination:inactive', 'a', function() { 
      $(this).removeClass('active'); 
     }) 
     .jcarouselPagination({ 
      perPage: 1, 
      item: function (page) { 
       return '<a data-item="' + page + '" class="slider_ce_text" href="#' + page + '"><div class="grey_dot"></div></a>'; 
      }, 
     }); 

window.onload = $("[data-item = '1']").addClass("active"); 

不確定這是絕對答案，但它的工作原理！