ng-click 在平板电脑上不起作用

Posted

技术标签:

【中文标题】ng-click 在平板电脑上不起作用【英文标题】:ng-click not working on tablet 【发布时间】:2014-09-08 14:01:47 【问题描述】:

我在 div 标记上有一个 ng-click。这适用于每个浏览器的桌面。但是当我在 iPad (ios7) 上测试它时,我无法正常工作。奇怪的是。当我将 div 更改为 a-tag 时。有用。但这不是一个选项,因为这会破坏我的应用程序中的其他内容。

<div class="ytBlockNativeControles" ng-click="background || YtPlayer.togglePlay();" ng-class='"pause":YtPlayer.playing == 1, "play":YtPlayer.playing == 0'>
    <img src="YtPlayer.poster"  class="ytPoster" ng-if="YtPlayer.poster != ''">
    <div class="ytOverlayPlayBtn imgReplace" ng-show="!YtPlayer.playing && !background && !YtPlayer.initiallyHidePlayBtn">Play</div>
</div>

当我添加 ng-touch 模块时。然后单击 div,然后添加 ng-click-active 类。但是没有执行ng-click。

【问题讨论】:

+1 在 iOS7 上使用角带的日期选择器看到同样的问题。这让我烦恼了好几天——谢谢你至少给了我一个参考点。从 button 更改为 a 也适用于我,尽管这对我来说也不是一个选择。 【参考方案1】:

要在平板电脑和移动设备上运行事件,您必须集成基于这个模块的hammer.js

https://github.com/wzr1337/angular-gestures

这里有更多信息:

http://www.ng-newsletter.com/posts/angular-on-mobile.html

【讨论】:

以上是关于ng-click 在平板电脑上不起作用的主要内容,如果未能解决你的问题,请参考以下文章

canvas.clipPath() 在少数设备上不起作用

表单提交按钮在智能手机上不起作用

jQuery 平滑滚动在 iPad 和 iPhone 上不起作用

Angular `ng-click` 在 DataTables 表行中不起作用

Angular Ng-click 功能在按钮中不起作用

jquery click 在 ipad/iphone 上不起作用