【问题标题】:Can't bind mouse events to canvas layers in jCanvas/jQuery无法将鼠标事件绑定到 jCanvas/jQuery 中的画布层
【发布时间】:2026-01-24 16:15:01
【问题描述】:

我正在尝试为我第一次涉足 jQuery 和 jCanvas 构建一个井字游戏,但无论我尝试什么,我都无法弄清楚如何将鼠标事件绑定到画布层。

这是我的代码:https://github.com/DanSchmidt/ttt-js/blob/master/js/script.js

我试图做这个小提琴正在做的事情:http://jsfiddle.net/caleb531/SCNp7/5/

我什至尝试复制和粘贴这部分代码,但它仍然无法正常工作。我只是不明白为什么该代码应该在小提琴中而不是在我自己的中工作。

【问题讨论】:

  • 如果我将您的代码放在同一个 jsFiddle 中,单击框 1 似乎对我有用:jsfiddle.net/greglockwood/QXSrv
  • @GregL 这听起来比我想象的要糟糕,我必须弄清楚为什么 Chrome 和 Firefox 不能在我的 win7 和 ubuntu 机器上运行。
  • 他们是否在控制台中显示任何 JS 错误?您是否正确包含了 jCanvas 脚本?
  • @GregL 我相信是因为所有浏览器都在生成网格,并且控制台没有显示任何错误。奇怪的是,它确实在您的小提琴链接中起作用。我只是尝试打开一个新的小提琴并将您的代码复制并粘贴到新的中,是的,它不起作用。很奇怪。
  • 终于想通了。你是对的,我试图在本地包含 jCanvas,这显然是原因。我将它指向原始 github,现在它正在工作。我想知道这是浏览器中的问题还是文件权限问题,或者我下载的 jCanvas 已损坏。

标签: jquery jcanvas


【解决方案1】:

jCanvas 事件在稳定版本中尚不可用。但是,它们在 GitHub (v5.2b) 上的最新 beta 版本中可用:

https://github.com/caleb531/jcanvas

【讨论】:

    最近更新 更多