jquery刪除圖像上的div

我正在構建一個Web瀏覽器遊戲。
使用jquery 1.4作爲框架
但我需要刪除建築物區域中的樹木。
這就是現在發生的事情：
What happens now

我想，如果他們是在圖像區域刪除樹。
爲展示製作了一些示例代碼：http://jsfiddle.net/coolking/evU9D/3/
我希望我已經提供了足夠的信息。
jquery刪除圖像上的div

Image height: 73px image width: 107px

結合了公認的答案的代碼是在這裏：http://jsfiddle.net/coolking/evU9D/22/

來源

2012-01-02 Jeffrey Barneveld

快速旁白：這是更好的做法，通過element.AddEventListener（），而不是添加HTML應用所有在JavaScript中的事件偵聽器屬性如onload =「...」或onmousedown =「...」。

jQuery具有碰撞檢測API來確定你正在問什麼。這裏有一個很好的參考：jQuery/JavaScript collision detection

當您檢測到衝突時，使用沿着$（this）.remove（）的行來刪除DOM中的樹。

我喜歡策略遊戲，所以我希望你的遊戲結果很好！ = D

來源

2012-01-02 21:38:23 Eric

我會給你一個截圖;）xD http://dl.dropbox.com/u/8015538/example/screenie.png 但問題是我不能讓它工作！：/ onmousedown事件很快;）在我真正的代碼它不是;） – 2012-01-02 21:41:33

然後我不知道你有什麼問題。具體而且生病盡我最大的幫助。 – Eric 2012-01-02 21:44:31

碰撞，如果我喜歡tree1 <= obj？ obj？ tree1需要很多時間才能再次爲我的100多棵樹做這個你可以在http://jsfiddle.net/coolking/evU9D/3/ – 2012-01-02 21:48:24

jquery刪除圖像上的div

回答

相關問題