VPF::Помогите найти ошибку jСarousel - Форум программистов

Suroki

Дата 13.8.2014, 08:40 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 29.8.2010

Репутация: нет
Всего: нет

На главной страничке сайта http://stroyresurs.b34.netex.pro имеется несколько каруселей.
У меня глючит карусель центрального баннера (id="carousel-banner-id").
Суть глюка:
Если в карусели 2 элемента (как сейчас), то при первом клике по правой стрелочке прокрутка не отрабатывается, при втором клике отрабатывается, но, после этого, чтобы отработалась перемотка влево, на левой стрелочке тоже нужно кликнуть 2 раза.
Если добавить в карусель элементы, например, третий, то уже нужно 2 холостых клика, а отрабатывается прокрутка на 3й.
При кликах по навигации Pagination, тоже заметен глюк (явно проистекающий из первого).

Код


<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>

Код


        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>'; 
                } 
            });

Пожалуйста, подскажите где у меня ошибка!?

Aliance

Дата 13.8.2014, 14:25 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 7
Всего: 137

ошибка 404. Соберите пример на jsfiddle.net

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Suroki

Дата 13.8.2014, 14:40 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 29.8.2010

Репутация: нет
Всего: нет

Цитата(Aliance @ 13.8.2014, 14:25)

ошибка 404. Соберите пример на jsfiddle.net

а что это за сервис, и зачем?

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »