Question

我在离子v1 collection-repeat列表中有以下构造:(简化以显示本质）

<ion-list>
      <ion-item collection repeat="event in events">
           <!-- scrolling list of alarm frames inside an event-->
           <ion-scroll direction="x" overflow-scroll="false">
              <span ng-repeat="alarm in alarm_images">
                   <img src="alarm.src"></img>
              </span>
           </ion-scroll>
         <ion-option-button>Flag</ion-option-button>
      </ion-item>
</ion-list>

我想要发生的是当你在闹钟框架上左右滑动时，它不应该导致选项滑动（标记/取消标记）显示。但是，如果您在项目的其他位置滑动，则会导致选项滑动。

我还没有找到一种方法来阻止警报框上的滑动传播到列表。有办法吗？

这是目前不受欢迎的视觉效果：

http://gph.is/2ism1cc

我试过这个 - 在调用处理程序时，它不会停止任何传播

<ion-scroll direction="x" overflow-scroll="false"  on-swipe-left="alarmSwipe($event)">

和

$scope.alarmSwipe = function(e)
{

  //alert ("HERE");
  console.log ("HERE");
  e.stopPropagation();
  e.preventDefault(); // tried adding this too
};

Answer 1

您需要停止将事件传播到父级。

尝试以下内容（stackoverflow）：

$('#child-element').bind('swipeLeft swipeRight', function(event) {
   event.stopPropagation();
});

ionic v1 - 禁用一个列表的滑动以传播到父列表

1 个答案: