Javascript bxslider不会停止

我遇到了一个问题，当我单击导航菜单上的链接时，滑块不会停止自动播放。我通过以下方式启动滑块：

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

它自动播放并工作，但如果我试图通过创建onclick函数或.click（）jQuery来停止滑块，如：

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

它似乎在瞬间做了一些事情，然后又重新开始。我需要停止滑块的原因是，我正在使用jQuery路径点进行锚定链接以水平平滑滚动，面板开始向后移动1或2像素，这对用户来说非常烦人

---

任何帮助都将不胜感激。

尝试将您的代码修改为：

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

---

您之前使用的示例来自bxSlider网页，该网页假定您尚未初始化bxSlider。由于您之前对其进行了初始化，第二次初始化可能没有得到妥善处理。

尝试在

滑块

声明之前添加

var

关键字

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

---

使用我的方法时出现错误：UncaughtTypeError:无法调用未定义的方法'stopAuto'，使用您的方法：UncaughtTypeError:Object[Object Object]没有方法'stopAuto'，您可以在此处查看我的站点以了解详细信息；