javascript - bxslider 不会停止

Question

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

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

它会自动播放和工作，但是如果我尝试通过创建 onclick 函数或 .click() jQuery 来停止滑块，例如：

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

它似乎在一瞬间做某事，然后重新开始。我需要停止滑块的原因是，我使用 jQuery 航路点作为锚链接以平滑水平滚动，并且面板开始向后移动 1 或 2 个像素，这对用户来说真的很烦人。

任何帮助，将不胜感激。

score 0 · Accepted Answer

尝试将您的代码修改为：

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

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

score -1 · Accepted Answer

尝试在声明var之前添加关键字。slider

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

2 回答 2