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