Question

刚开始为我正在处理的网站mobile responsive design工作。在测试期间，我注意到main tabs链接到网站的不同视图，通常可以在桌面上没有问题地点击，在手机上或模拟点击的浏览器开发者工具中几乎没有响应。如果我反复点击它，它最终会注册，但它并不完全是用户友好的。

如果您访问 www.runnercalculator.com 并在常规桌面视图上的两个标签之间点击，然后在移动设备中检查并点按它，您就可以看到我正在谈论的内容。

我在这里不考虑的点击和点击有什么不同？

如何将视图链接作为＆＃34;点按一次＆＃34;移动电话？

Answer 1

使用 angular-touch.js （ngTouch模块）时，您需要确保ng-click正确放置在模板中。

<a href="#/pace" class="tabTabs ng-isolate-scope" info="paceCalc">
   <li class="tabRowLi" ng-click="toggleSelect0()" ng-class="tabRowLi">
       <span class="tabText ng-binding">Running Pace</span>
   </li>
</a>

在您的模板中，ng-click位于锚标记内。当您点击ngTouch使<a>被动时，ng-click模块会停止事件传播。

避免使用ngTouch模块，除非您的插件具有依赖性，或者在使用ng指令创建模板时要格外小心。

无法点击网站移动视图中的链接？

1 个答案: