离子点击不在Chrome模拟器中触发

时间:2014-07-22 08:45:27

标签: javascript angularjs ionic-framework

我的HTML如下:

<ion-scroll has-bouncing="false">
    <div ng-repeat="data in collection">
        <div ng-click="fn">click me</div>
        <a ui-sref="statename">link</a>
    </div>
</ion-scroll>

ng-click和链接点击在Chrome仿真模式下无效。没有仿真,它工作正常。

如果移除了离子滚动,则可以正常工作。

1 个答案:

答案 0 :(得分:0)

我有类似的问题, 我使用了一个脚本来启用对网页上触摸事件的滑动。因为它的编码实现不允许点击事件发挥作用。

我采取的解决方案,

我通过touchstart,touchmove和touchend的组合实现了相同的功能。

例如,我希望在点击启用了滑动的div时隐藏该段落。 所以当我点击div时,点击事件没有注册,因为我有一个脚本,它在div上启用了滑动事件。 在这种情况下,有两种解决方案:修改脚本以使click事件不受影响。 或者使用touchstart,move和end的组合实现点击目的。

换句话说,您的问题是标志性的点击脚本。 感谢Google Chrome模拟器,它可以在开发阶段识别问题,无需进入实际设备进行检查。 谢谢