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"); 

不确定这是绝对答案，但它的工作原理！