300ms 延迟不适用于 ion-item答案

【问题标题】：300ms delay not working on ion-item300ms 延迟不适用于 ion-item
【发布时间】：2016-09-01 18:22:02
【问题描述】：

我有一个很大的 ion-list，其中包含 ion-item(s) 以及 ion-content 内的 ng-click、href 等。在第一次点击向上滚动时，离子项目将被激活并且背景颜色将改变。如果我也有离子选项按钮，就会发生这种情况。

我制作了这个 codepen：codepen.io/anon/pen/JRjbOR

那么，如何在不将其变成按钮的情况下将 300 毫秒的触摸延迟添加到 ion-itens？

【问题讨论】：

标签： angularjs ionic-framework

【解决方案1】：

您可以使用on-tap directive。

【讨论】：

on-tap 不适用于 ion-item 元素。试试我的 codepen。

【解决方案2】：

我正在为此问题使用临时解决方案：

在 if (eleToActivate) { 添加后，在第 3290 行更改了 ionic.bundle.js：

//Delay for item-content
      if (eleToActivate.classList && eleToActivate.classList.contains('item-content')) {
        setTimeout(function() {
          queueElements[keyId] = eleToActivate;
          ionic.requestAnimationFrame(activateElements);
          keyId = (keyId > 29 ? 0 : keyId + 1);
        },200);
        return;
      }

这样，我在点击 ion-item 时会有 200 毫秒的延迟。

【讨论】：