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

Question

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

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

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

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

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

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

Answer 1

Попробуйте изменить ваш код так:

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

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

Answer 2

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

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