jquery在图像上加载属性答案

【问题标题】：jquery load property on imagejquery在图像上加载属性
【发布时间】：2012-10-28 17:13:27
【问题描述】：

为什么这不起作用？

<script>    
$('#draggable3').load(function() {
 alert($("#draggable3").width());
 $("#containment-wrapper").width() = $("#draggable3").width() * 1.3;
 $("#containment-wrapper").height() = $("#draggable3").height() * 1.3;

});
</script>
<body>
<div id="containment-wrapper">
<div id="border-ornament"> 

<img id="draggable3" class="draggable ui-widget-content" src="img.jpg">

</div>
</div>
</body>

为什么加载图像后事件 .load 不起作用？

【问题讨论】：

会发生什么？有什么吗？错误？
试试：$("#containment-wrapper").width($("#draggable3").width() * 1.3);.
这个块根本不工作的问题
查看这个话题，可能是相关的：stackoverflow.com/questions/3877027/…

标签： jquery image image-size

【解决方案1】：

宽度和高度写为 -

$("#containment-wrapper").width($("#draggable3").width() * 1.3);
$("#containment-wrapper").height($("#draggable3").height() * 1.3);

你需要在 document.ready 中编写 jquery -

<script> 
$(document).ready(function(){
  $('#draggable3').load(function() {
     alert($("#draggable3").width());
     $("#containment-wrapper").width($("#draggable3").width() * 1.3);
     $("#containment-wrapper").height($("#draggable3").height() * 1.3);
  });
});   
</script>

【讨论】：

【解决方案2】：

在脚本工作时，标签#draggable3 尚不存在。尝试在 document.ready 函数中这样做

$(function () {
    $('#draggable3').load(function() {
     alert($("#draggable3").width());
     $("#containment-wrapper").width() = $("#draggable3").width() * 1.3;
     $("#containment-wrapper").height() = $("#draggable3").height() * 1.3;

    });
});

或者你可以把你的脚本放在你的 img 标签之后。

【讨论】：