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

スクリプト作業時タグ #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 に答える
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 に答える