Jquery 在手机上的错误位置记录点击的下拉列表。为什么？

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

问题是，它工作得很好，但当我试图用iphone6/6plus过滤卡路里时，它在错误的地方记录了我的点击事件。这意味着我不能取消我的饮食偏好

---

你知道是什么原因导致了这种情况吗？

我对你的代码做了一些研究，我的第一个建议是使用

event.preventDefault();

在你的.diet filter按钮中点击功能，因为下拉菜单项是锚定标签

希望这有帮助。另外，我真的很喜欢视觉设计

---

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

您好，谢谢您的提示！不幸的是，它似乎并没有起到作用，但也许我的实现是错误的。您的意思是将$（this.event.preventDefault（）放入；在单击功能的末尾@f您需要将“事件”传递到函数

函数（事件）

才能使用它，并且它应该在开始时启动。还请参见以下关于触摸设备上虚拟点击事件的问题：我刚刚在手机上再次查看，似乎过滤本身正在工作，但突出显示类没有关闭。因此，问题可能与css有关，而不是与单击事件有关。我是stackoverflow的新手，所以我不确定像这样发布多条评论是否合适，但我想让你不断更新。我将在短期内进一步研究。抱歉，过滤类正在被删除，但背景颜色没有被更改回白色，因为似乎有一个压倒一切的规则将其设置为绿松石色。啊，谢谢，我会查看一下，然后再与您联系。