получать уменьшенное изображение новую ширину и высоту

Question

При изменении размера мне нужно получить новую ширину и высоту DIV, я делал этот сценарий с помощью JQuery-UI и JQuery, но он не в состоянии

$(this).resizable(function(){ 
      console.log("Height: " + $(this).height()); 
      console.log("Width: " + $(this).width()); 
     }); 

помощи, чтобы найти как исправить эту ошибку.

Answer 1

$(this).resizable() 
     .on("resize", function() { 
     console.log("Height: " + $(this).height()); 
     console.log("Width: " + $(this).width()); 
}); 

или

$(this).resizable({ 
    resize: function(event, ui) { 
     console.log("Height: " + ui.height()); 
     console.log("Width: " + ui.width()); 
    } 
}); 

Answer 2

Вы пробовали это?

$(this).on('resize',function(){ // Your stuff goes here });

Answer 3

Это, как я делал это:

<script> 
    function resizeDiv() { 
     vpw = $(window).width(); 
     vph = $(window).height(); 
     console.log("Width: " + vpw); 
     console.log("Height: " + vph); 
    } 

    window.onresize = function(event) { 
     resizeDiv(); 
    } 
</script>