jQuery的圖像偏移不正確在Chrome和FF

Question

調整後，我有一個小提琴在這裏設置：http://jsfiddle.net/cYvwb/

大炮有它繞一個點，而啤酒瓶的「產卵」在這裏。在這個看起來不錯的問題之前有很多問題（我會讓它們在後面的大炮口中產卵），但這不是現在令我煩惱的問題。

問題是，在FF和Chrome中調整窗口大小後，可能在其他瀏覽器中，我還沒有測試過（IE，Safari和Opera沒有安裝在我目前正在使用的筆記本電腦上），偏移量大炮圖像（#cannon）設置錯誤，我不知道爲什麼？請幫忙！ :)

Answer 1

警告：這可能只是答案的一部分，因爲似乎有不同的問題。

1）第一次計算是在圖像尚未加載時完成的。如果您有

$(window).load(function() { 
     init(); 
}); 

更換

$(document).ready(function() { 
     init(); 
}); 

你的偏移是一致的（調整一點不會改變抵消了不少）。

2）不要重複調用綁定函數，因爲它添加了處理程序而不是替換它們。 「init」函數中的大部分內容不應該存在（或者更好：使用其他函數，否則命名爲resize處理程序）。