bxslider不会停止

Question

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

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

它能够自动戏剧和作品，但如果我尝试创建一个onclick功能或。点击（停止滑块）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

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

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