为什么li标签必须点击两次才能打开子页面

Question

查询 数据时把每条数据用 li标签展示，并且在生成数据时，给每个li标签都添加对应的id，目的是根据这个 id 打开不同的页面：

以第一个 li 为例，它的页面的结构为：

因为是多个li标签，因此我使用js写时，就写成如下：

我这样写，在手机上测试时是可以打开的，不过要连续点击 2 次才可以打开id对应的子页面，我找不到原因，请大家帮我看看是哪里出问题了，为什么不是点击 1 次就可以打开子页面？ 谢谢！

Answer 1

你的事件绑定了两次；肯定要触发两个；你可以在swicth判断id触发对应的事件就可以；不用on.