jcarouselPagination: изменение переменной «page» при изменении размера

Question

У меня есть jcarousel с 3 элементами внутри с уникальным идентификатором (1,2,3). При загрузке элементы 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"); 

Не уверен, что это абсолютный ответ, но он работает!