html - 在网站的移动 View 中点击链接时遇到问题？

Question

刚开始为我正在处理的网站进行移动响应式设计。在测试期间，我注意到链接到站点不同 View 的主选项卡，通常可以在桌面上毫无问题地点击，在手机或模拟的浏览器开发人员工具中点击时几乎没有响应一个水龙头。如果我反复点击它，它最终会注册，但它对用户来说并不友好。

如果您转到 www.runnercalculator.com 并在普通桌面 View 中的两个选项卡之间单击，然后在移动设备中检查并点击它，您就会明白我在说什么。

我在这里没有考虑的点击和点击之间有什么区别？

我怎样才能使 View 链接在移动设备上起到“一键点击”的作用？

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

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