在悬停时停止动画“向左滚动”或“向右滚动”

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'事件切换为'hover'事件，原因是客户的要求。

Answer 1

尝试取消该活动可能值得一试，如此......

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