Jquery可调整大小的图像大小问题

Question

使用 jquery resizing 时不会自动检测图像大小。 Firefox 和 IE 显示的图像要小得多，而 Chrome 则根本不显示任何内容。我似乎无法找到这个问题的直接答案。如何解决这个问题。

  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/base/jquery-ui.css" type="text/css" media="all">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript">
</script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js" type="text/javascript">
</script>

  <img src="http://www.carsyouwilldrive.com/wp-content/uploads/2009/06/futurecar1.jpg"> <script type="text/javascript">
$("img").resizable();
  </script>

Answer 1

不知道为什么 webkit 会这样。

解决方法是确保在load-event之后调用可调整大小图像完成。

$("img").load(function () {
    $("img").resizable();
});

在一个不相关的旁注中，如果您这样做会更好

1. 给图片一个id并调用它使用该 ID
2. 正确关闭img标签