Slyweb
На разработку сайта! Скидки 50%!

не могу найти ошибку в карусели

Вы можете задавать любые вопросы по jQuery.

не могу найти ошибку в карусели

Сообщение Suroki » 13 авг 2014, 11:11

На главной страничке сайта имеется несколько каруселей.
У меня глючит карусель центрального баннера (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>';
                }
            });
 

Пожалуйста, подскажите где у меня ошибка!?
Suroki
 
Сообщения: 1
Зарегистрирован: 13 авг 2014, 11:04

Вернуться в Вопросы по jQuery

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

cron