2

使用 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>
4

2 回答 2

2

不知道为什么 webkit 会这样。

解决方法是确保在load-event完成图像后调用 resizable。

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

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

  1. 给图像一个 id 并用那个 id 调用它
  2. 正确关闭 img 标签
于 2011-01-12T04:43:55.973 回答
0

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

于 2011-01-12T04:40:55.027 回答