2012-11-08 37 views
0

为什么这不起作用?jquery在图像上加载属性

<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在图像加载后不起作用?

+0

*发生了什么?什么都可以?错误? – LeonardChallis

+1

尝试:'$(“#containment-wrapper”)。width($(“#draggable3”)。width()* 1.3);'。 –

+0

这个块根本不工作的问题 –

回答

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> 
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标签后,把你的脚本。