bxslider 不会停止答案

【问题标题】：bxslider wont stopbxslider 不会停止
【发布时间】：2013-01-17 18:06:59
【问题描述】：

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

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

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

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

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

任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

尝试将您的代码修改为：

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

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

【讨论】：

我的方法出现错误：未捕获的类型错误：无法调用未定义的方法“stopAuto”，使用您的方法：未捕获的类型错误：对象 [object Object] 没有方法“stopAuto”，您可以在此处查看我的网站以获取详细信息link;

【解决方案2】：

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

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

【讨论】：