На главной страничке сайта
http://stroyresurs.b34.netex.pro имеется несколько каруселей.
У меня глючит карусель центрального баннера (id="carousel-banner-id").
Суть глюка:
Если в карусели 2 элемента (как сейчас), то при первом клике по правой стрелочке прокрутка не отрабатывается, при втором клике отрабатывается, но, после этого, чтобы отработалась перемотка влево, на левой стрелочке тоже нужно кликнуть 2 раза.
Если добавить в карусель элементы, например, третий, то уже нужно 2 холостых клика, а отрабатывается прокрутка на 3й.
При кликах по навигации Pagination, тоже заметен глюк (явно проистекающий из первого).
html:
<div id="carousel-banner-id" class="" data-jcarousel="true">
<ul class="carousel-inner" style="left: 0px; top: 0px;">
<li class="item banner-inner active">...</li>
<li class="item banner-inner ">...</li>
</ul>
<div class="controls-center">
<a class="arrow-left-b" href="#carousel-example-generic" data-slide="prev" data-jcarouselcontrol="true"></a>
<a class="arrow-right-b" href="#carousel-example-generic" data-slide="next" data-jcarouselcontrol="true"></a>
</div>
</div>
javascript
:
var carousel_banner = $("#carousel-banner-id").jcarousel({
scroll: 1,
wrap: 'circular'
});
$('.arrow-left-b').jcarouselControl({
target: '-=1'
});
$('.arrow-right-b').jcarouselControl({
target: '+=1'
});
$('.carousel-indicators2')
.on('jcarouselpagination:active', 'li', function() {
$(this).addClass('active');
})
.on('jcarouselpagination:inactive', 'li', function() {
$(this).removeClass('active');
})
.on('click', function(e) {
e.preventDefault();
})
.jcarouselPagination({
carousel: carousel_banner,
perPage: 1,
item: function(page) {
return '<li></li>';
}
});
Пожалуйста, подскажите где у меня ошибка!?
