使用 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>
最佳答案
不知道为什么 webkit 会这样。
解决方法是确保在load-event
之后调用可调整大小图像完成。
$("img").load(function () {
$("img").resizable();
});
在一个不相关的旁注中,如果您这样做会更好
- 给图片一个id并调用它 使用该 ID
- 正确关闭img标签
关于Jquery可调整大小的图像大小问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4665181/