j查询点击事件触发多次

jQuery click event triggering more than once

本文关键字:事件 查询      更新时间:2023-09-26

我无法弄清楚是什么导致点击事件在下面的 web 应用程序中多次触发。请访问网址,单击任何级别[从地面 - 4],然后单击一个单位。

http://plaza.foxqa.com.au/touch/index.html

这将调出单位详细信息 [价格、图像等]。此页面中的图像附加了一个单击事件,该事件基本上放大了图像。此事件不断累积。首次单击单位时,它将正常工作。

然后它将为第二个单元发射两次,为第三个单元发射三次,依此类推。一旦放大视图关闭,我试图取消绑定单击事件,但仍然不起作用。

任何帮助将不胜感激。

编辑:请在谷歌浏览器中对此进行测试。

编辑 2:可以帮助您更快地解决问题的步骤。

  1. 在控制台中打开components_draft.js。
  2. 在第 687 行添加断点。
  3. 单击建筑物上的某个级别
  4. 点击任何绿色单位[或批次]。
  5. 显示单元详细信息后,单击单元计划图像。
  6. 它被放大了。
  7. 单击图像上的任意位置,它将被最小化。
  8. 通过单击关闭图标返回到步骤 4。
  9. 重复 5,6,7。
  10. 现在,当单击已显示的图像时,逐步执行控制台中的函数,您将看到单击事件循环两次以进行一次单击。

我知道遵循所有这些是痛苦的,但请花一些时间来分析它。

请再看看你的申请。

您可以在

Firebug Console中看到一些错误(JavaScript编码错误)。

发现了错误。如果有人遇到jQuery点击事件随着时间的推移而积累的情况,最有可能的罪魁祸首是

jQuery.live()

它不需要嵌套在其他点击事件下。