Home/ Questions/Q 8807355
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T02:20:57+00:00

why this is not working? <script> $(‘#draggable3’).load(function() { alert($(#draggable3).width()); $(#containment-wrapper).width() = $(#draggable3).width() * 1.3;

  • 0

why this is not working?

<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>

why event .load not working after image is loaded?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Write width and height as – 

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

    and you need to write jquery in document.ready – 

    <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>
    • 0