jcarouselページング：リサイズ時の 'page'変数の変更

Question

3つの要素が内部にあり、一意のID（1,2,3）を持つjcarouselがあります。 ロード時、jcarouselPagination項目は完全に機能し、正しいターゲット（「data-item = 1,2,3」）を取得しました。

しかし、画面のサイズを小さくしたり小さくしたりすると、jcarouselページング項目が正しくターゲティングされません。彼らは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

[OK]を、tは本当に私のカルーセルはリサイズ.. に改ページアイテムを生成保持しかし、私がresize.jcarousel機能をアンバインドしなければならなかったようですなぜ ので、ここであるか、それがうまくトンdidnの理由を考え出したので、私はdidnの私誰かが興味があれば、新しい（そして働く）コード！

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

絶対的な答えではないことはわかりますが、機能します。