停止动画“scrollLeft”或“向右滚动”当悬停时

Question

我正在尝试破解一个插件来满足客户的要求。 基本上，该插件是一个图像库，其中有缩略图和大预览。缩略图位于轮播内。现在，我想在图像顶部或容器内部时禁用自动滚动。

我（在 SO 用户的大力帮助下）在查看大预览时已经将事件切换为悬停。

您可以在此处查看演示：http://jsbin.com/enezol/12

thumbs.hover(
  功能（）{
    //当鼠标指针位于缩略图列表内时不滚动或移动
    $('.ad-thumb-list').stop();  
  },

  功能（）{
    //回到原来的状态
    // ???
  }

我试图禁用一个功能（自动滚动），当鼠标位于包含缩略图的容器内时，它不应移动。如果缩略图不断从左向右移动，用户将很难查看缩略图。

您可能想知道为什么我将“点击”事件切换为“悬停”事件，原因是客户的要求。

Answer 1

尝试取消该活动可能值得一试，就像这样......

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