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