停止動畫'scrollLeft'或'scrollRight'當徘徊

Question

我試圖破解一個插件來滿足我客戶的要求。 基本上，插件是一個圖像庫，它有縮略圖和大型預覽。縮略圖在傳送帶內。現在，我想禁用自動滾動，當它在圖像上或容器內。

我（有SO用戶的大力幫助）在查看大預覽時已經切換了懸停的事件。

這裏你可以看到一個演示：http://jsbin.com/enezol/12

thumbs.hover(
    function(){ 
    //Do not scroll or move when the mouse pointer is inside the list of thumbnails 
    $('.ad-thumb-list').stop(); 
    }, 

    function(){ 
    //Back to its orginal state 
    // ??? 
    } 

我想，當鼠標都包含縮略圖，它不應該的容器內禁用功能（自動滾動）是移動。如果用戶從左向右移動，用戶很難查看縮略圖。

您可能想知道爲什麼我將'click'事件切換到'懸停'事件，原因是客戶的要求。

Answer 1

這可能是值得一試，試圖取消該事件，像這樣......

$('#myElement').bind('mouseenter', function(e){ 
    e.preventDefault(); 
    e.stopPropagation(); // just to be sure 
});