2012-11-08 70 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標籤後,把你的腳本。