如何创建可调整大小并一次性调整其大小?(以编程方式开始调整大小)

将此添加到css 在上面 你的1号区块选择器:

#blocks > div
{
    width: 200px;
    height: 200px;
}

在希望用户调整其大小之前,无需获取涉及的可调整大小的脚本。仅供参考,使用 :not 像这样的选择器:

#blocks > div:not(#block1)
{
    width: 200px;
    height: 200px;
}

但ie不支持 不是 ,我不确定它的降解情况如何。这就是为什么你需要把第一个例子放在你的block1选择器上面。

只需使用heigth()和width()添加所需的大小和宽度:

$(document).mousedown(function(e){
    var block = $('<div id="new">New</div>')

    $('#blocks').append(block)
    block.css('left', e.pageX).css('top', e.pageY).resizable()

    block.height('40');
    block.width('40');
})

或者,您可以将这些设置正确地放入CSS中。