mouseenter mouseleave jquery懸停並重新啓動與simple.carousel.js問題

Question

我創建了一個編輯simple.carousel.js停止旋轉木馬時，但我有一個問題時重新啓動它，當mouseleave。我加入simple.carousel.js的代碼是：

// hover stop 
if(config.auto!=true) 
    $(this).mouseenter(function() { 
     config.auto=false; 
    }).mouseleave(function() { 
     config.auto=true; 
    }); 

你可以在這裏與我的另外從上面看到完整的代碼/例如：http://jsfiddle.net/6r6sC/2/

是什麼毛病我的鼠標離開功能？

不知道這是否會幫助，但我也試着以下但不工作，要麼：

// hover stop 
if(config.auto!=true) 
    $(this).mouseenter(function() { 
     config.auto=false; 
    }).mouseleave(function() { 
     setTimeout(function() { 
     slide('next'); 
    }, config.auto); 
    }); 

任何幫助將不勝感激，因爲這有我難住了。

Answer 1

好吧，我已經做了一些研究和測試，並將'mouseleave'替換爲'mouseout'它的工作原理！所以試試看。

// hover stop 
if(config.auto!=true) 
$(this).mouseenter(function() { 
    config.auto=false; 
}).mouseout(function() { 
    config.auto=true; 
}); 

Answer 2

使用true作爲一個值是一個問題，導致false布爾值或從你的init函數中得到一個int值。

EDIT 4： http://jsfiddle.net/6r6sC/44/

在滑動

（）中，加入startAuto（）

if(config.auto!=false) { 
startAuto();  
} 

EDIT3： 修正了多個定時器的問題，並且創建了兩個函數來處理啓動/停止自動滑塊。

這裏的解決方案：http://jsfiddle.net/6r6sC/41/

var cachedAuto = config.auto; 
var timer = ""; 

var startAuto = function() { 

    config.auto = cachedAuto; 
    clearTimeout(timer); 

    timer = setTimeout(function() { 
     slide('next'); 
    }, config.auto); 
} 

var stopAuto = function() { 
    clearTimeout(timer); 
    config.auto = false; 
} 

if(config.auto!=false) { 
    // start auto sliding 
    startAuto();  

    // pause/start on mouse events    
    $(this).on("mouseenter", function(event){ 
     stopAuto(); 
    }).on("mouseleave", function(event){ 
     startAuto(); 
    }); 
}