滑动元素触发器在外部元素中滑动

Question

我的HTML结构看起来像这样：

<div ng-swipe-right="outerSwipe()">

  ...

  <div ng-swipe-right="innerSwipe()">

    ...

  </div>

</div>

当我在内部div中进行滑动时，也会调用outerSwipe()。

有没有解决方法？

Answer 1

如tymeJV建议的那样，您可以添加到事件处理程序event.stopPropagation()方法，以防止事件冒泡DOM树。

示例：

app.directive('ngSwipeRight', function() {
    return {
        restrict: 'EA',
        scope: { ngSwipeRight: '&' },
        link:function(scope,element,attr){
            element.bind("mouseenter",function(e){
                e.stopPropagation();
               //your logic here...
            });

        }
    };
});

实例：http://jsfiddle.net/choroshin/dmsw5/