javascript - jquery删除图像上的div

Question

我正在构建一个网络浏览器游戏。
使用 Jquery 1.4 作为框架
但是我需要删除建筑区域中的树木。
这是现在发生的事情:


如果它们在图像区域中，我想删除它们。
制作了一些示例代码以供展示:http://jsfiddle.net/coolking/evU9D/3/
我希望我已经提供了足够的信息。

Image height: 73px image width: 107px

---

包含已接受答案的代码在这里:http://jsfiddle.net/coolking/evU9D/22/

Answer 1

简单地说:通过 element.AddEventListener() 在 JavaScript 中应用所有事件监听器比添加 HTML 属性(如 onload="..."或 onmousedown="...")更好。

jQuery 具有碰撞检测 API 来准确确定您的要求。这是一个很好的引用:jQuery/JavaScript collision detection

当您检测到碰撞时，使用类似 $(this).remove() 的方法从 DOM 中移除树。

我喜欢策略游戏，所以我希望你的游戏取得好成绩! =D