bxslider не останавливается

У меня проблема, из-за которой ползунок не останавливает автоматическое воспроизведение, когда я нажимаю ссылку в меню навигации. Я запускаю слайдер через:

$('.bxslider1').bxSlider({auto: true,autoControls: true});

Он автоматически воспроизводится и работает, но если я попытаюсь остановить ползунок, создав функцию onclick или .click() jQuery, например:

$(".nav-portfolio").click(function() {
  slider = $('.bxslider1').bxSlider();
  slider.stopAuto();
});

Кажется, он что-то делает на долю секунды, а затем начинает снова. Причина, по которой мне нужно остановить ползунок, заключается в том, что я использую путевые точки jQuery для якорных ссылок для плавной горизонтальной прокрутки, а панели начинают двигаться назад и вперед на 1 или 2 пикселя, и это действительно раздражает пользователя.

Любая помощь будет оценена по достоинству.


javascript jquery jquery-waypoints bxslider
person Michael Abrams    schedule 17.01.2013    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Попробуйте изменить свой код, чтобы он был:

$(".nav-portfolio").click(function() {
  $('.bxslider1').stopAuto();
});

Ранее вы использовали пример с веб-страницы bxSlider, который предполагает, что вы еще не инициализировали bxSlider. Поскольку вы ранее инициализировали его, возможно, вторая инициализация не обрабатывается изящно.

person jholloman    schedule 17.01.2013
comment
с моим методом это происходит с ошибкой: Uncaught TypeError: невозможно вызвать метод «stopAuto» из неопределенного, с вашим методом: Uncaught TypeError: Object [object Object] не имеет метода «stopAuto», вы можете проверить мой сайт здесь для деталей ссылка; - person Michael Abrams; 18.01.2013

arrow_upward
-1
arrow_downward

Попробуйте добавить ключевое слово var перед объявлением slider.

$(".nav-portfolio").click(function() {
   var slider = $('.bxslider1').bxSlider();
   slider.stopAuto();
});
person Vibhor Dube    schedule 06.01.2015