0

为什么这不起作用？

<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 不起作用？

4

2 回答 2

2

将宽度和高度写为 -

$("#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>
于 2012-11-08T13:49:24.307 回答
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 标签之后。

于 2012-11-08T13:52:22.510 回答