停止动画'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 
});