下拉列表在移动设备上的错误位置记录点击次数。为什么？

Question

我有一个卡路里计算器在这里工作：

http://www.padthai.decorolux.com/Calorie/

事情是，它工作正常，但是当我尝试使用iphone 6/6 plus过滤卡路里时，它会将我的点击事件记录在错误的位置。意思是我无法完成我的饮食偏好。

有什么可能导致这种情况的想法吗？

Answer 1

我已经对您的代码进行了一些调查，我的第一个建议是使用

event.preventDefault();

在点击功能上的.diet-filter-button内，因为下拉菜单项是锚标记。

希望这会有所帮助。附：我非常喜欢视觉设计！

编辑：请参阅评论 - 该解决方案实际上与CSS相关，原因是：悬停是由移动设备上的触摸/点击事件触发的。