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

Question

刚开始为我正在工作的网站进行mobile responsive design 。 在测试过程中，我注意到链接到站点不同视图的main tabs通常可以在桌面上毫无问题地单击这些main tabs ，而在手机或模拟点击的浏览器开发人员工具中点击时几乎没有响应。 如果我反复单击它，它将最终注册，但是它并不完全用户友好。

如果您访问www.runnercalculator.com ，然后在普通桌面视图的两个选项卡之间单击，然后在移动设备中进行检查和点击，则可以看到我在说什么。

我不在此说明的点击和点击之间有什么区别？

如何使视图链接像手机一样“一键点击”？

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放置在锚标记内。 当您单击<a>时， ngTouch模块将停止事件传播，这将使ng-click ngTouch被动。

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