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>

获得调整大小的图像新的宽度和高度

3 个答案: