jquery - 在 Chrome 和 FF 中调整大小后，jQuery 中的图像偏移不正确

Question

我在这里设置了一个小提琴：http: //jsfiddle.net/cYvwb/

大炮有一个旋转点，啤酒瓶在这里“产卵”。在这看起来不错之前有很多问题（我稍后会让它们在大炮“嘴”处产卵）但这不是现在让我烦恼的问题。

问题是在 FF 中和在 Chrome 中调整窗口大小之后，可能在我尚未测试过的其他浏览器中（我目前正在使用的笔记本电脑上没有安装 IE、safari 和 opera），大炮图像的偏移量（# cannon) 设置错误，我不知道为什么？请帮忙！:)

Answer 1

警告：这可能只是答案的一部分，因为似乎存在不同的问题。

1 ) 第一次计算在图像尚未加载时完成。如果你更换

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

和

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

您的偏移量是一致的（稍微调整大小不会改变很多偏移量）。

2 ) 不要重复调用绑定函数，因为它会添加处理程序而不是替换它们。“init”函数中的大部分内容不应该存在（或者更好的是：使用另一个函数，以其他方式命名，用于调整大小处理程序）。