Question

使用jquery resizable时，不会自动检测图像大小。 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图像完成后调用resizable。

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

在不相关的旁注上，如果你

会更好

给图片一个id并调用它用那个id
正确关闭img标记

Answer 2

@alex显示调整图像大小的正确方法。我在Chrome上测试它显示实际高度＆amp;宽度。请重新配置您的浏览器。有时浏览器配置不好..所以它发生..请检查代码http://bit.ly/gM8sSD

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

2 个答案: