如何使用jquery实时获取div大小

如何使用jquery实时获取div大小,jquery,css,html,size,resizable,Jquery,Css,Html,Size,Resizable,我想知道,在调整div的大小时,我是否能得到它的大小 我使用的是jquery 1.10.2,并使用了一个可调整大小的DIV,但我看到我有事件开始和停止,这允许我在开始单击或停止单击时获取DIV大小,但我希望在调整DIV大小时实时获取DIV大小,并将它们(高度和宽度)写入文本框或DIV或类似的内容 <script type="text/javascript"> $(function () { $("#divResizable").resizable({

我想知道,在调整div的大小时,我是否能得到它的大小

我使用的是jquery 1.10.2,并使用了一个可调整大小的DIV,但我看到我有事件开始和停止,这允许我在开始单击或停止单击时获取DIV大小,但我希望在调整DIV大小时实时获取DIV大小,并将它们(高度和宽度)写入文本框或DIV或类似的内容

<script type="text/javascript">
    $(function () {
        $("#divResizable").resizable({
            start: function (event, ui) {
                var width = ui.size.width;
                var height = ui.size.height;
                //alert(width);
                document.getElementById("divText").innerHTML = width;
            }
        });
    });
</script>

$(函数(){
$(“#可调整大小”)。可调整大小({
开始:功能(事件、用户界面){
var-width=ui.size.width;
var height=ui.size.height;
//警报(宽度);
document.getElementById(“divText”).innerHTML=宽度;
}
});
});

您可以像这样处理调整大小事件(注意,我假设您也在使用):


$(函数(){
$(“#可调整大小”)。可调整大小({
调整大小:函数(事件、ui){
var-width=ui.size.width;
var height=ui.size.height;
$(“#divText”).html(宽度+”,“+高度);
}
});
});

您可以像这样处理调整大小事件(注意,我假设您也在使用):


$(函数(){
$(“#可调整大小”)。可调整大小({
调整大小:函数(事件、ui){
var-width=ui.size.width;
var height=ui.size.height;
$(“#divText”).html(宽度+”,“+高度);
}
});
});

您可以像这样处理调整大小事件(注意,我假设您也在使用):


$(函数(){
$(“#可调整大小”)。可调整大小({
调整大小:函数(事件、ui){
var-width=ui.size.width;
var height=ui.size.height;
$(“#divText”).html(宽度+”,“+高度);
}
});
});

您可以像这样处理调整大小事件(注意,我假设您也在使用):


$(函数(){
$(“#可调整大小”)。可调整大小({
调整大小:函数(事件、ui){
var-width=ui.size.width;
var height=ui.size.height;
$(“#divText”).html(宽度+”,“+高度);
}
});
});

太棒了!就这样!谢谢是的,我刚刚做到了!但我花了很长时间,因为有一个警告“你可以在15分钟内接受”。谢谢,太好了!就这样!谢谢是的,我刚刚做到了!但我花了很长时间,因为有一个警告“你可以在15分钟内接受”。谢谢,太好了!就这样!谢谢是的,我刚刚做到了!但我花了很长时间,因为有一个警告“你可以在15分钟内接受”。谢谢,太好了!就这样!谢谢是的,我刚刚做到了!但我花了很长时间,因为有一个警告“你可以在15分钟内接受”。非常感谢。
<script type="text/javascript">
    $(function () {
        $("#divResizable").resizable({
            resize: function (event, ui) {
                var width = ui.size.width;
                var height = ui.size.height;
                $("#divText").html(width + ', ' + height);
            }
        });
    });
</script>