jquery移动滚动和活动状态

Question

我有一套div可以在我的jquery移动页面上滚动。每个div在CSS中都有一个活动类，所以它们在被轻敲时会改变颜色。出于某种原因，当我尝试在列表中滚动时，项目变为活动状态，因为我正在'点击'它们。

这不是太严重，它看起来很好，但也有另一个小故障。如果页面是惯性滚动的，所以我只是轻弹它，它并没有停止移动，屏幕上的一个水龙头将激活我第一次滚动时按下的div。

任何想法是什么造成这个/如何阻止它？

Answer 1

你可以尝试stopPropagation

HTML：

<div id='someID'> 
    <someElement /> 
</div> 

JS：

$('#someID').click(function(e){ 
    e.stopPropagation(); //stops default behaviour 
    //check to make active/inactive 
    if($('#someID').hasClass('active')){ 
     $('#someID').removeClass('active'); 

     //do what needs to be done when it becomes activated 
    } else { 
     $('#someID').addClass('active'); 
     //do what needs to be done when disabled 
    } 

    //do whatever you always want to here 

}); 

注：凡是需要单击事件工作将被重新启用事后，虽然如果你使用链接/按钮/等。在具有点击事件的div内，它仍然会起作用。