jquery - 如何一次性创建一个可调整大小并调整其大小的对象？ (以编程方式开始调整大小)

Question

我正在尝试在鼠标位置创建一个可调整大小的 div 并立即将其调整为所需的大小。到目前为止我失败的尝试:

http://jsfiddle.net/YKnfR/1/

关于如何实现这种行为有什么想法吗？

Answer 1

将其添加到 CSS #block1 选择器上方:

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

在您希望用户调整大小之前，无需涉及可调整大小的脚本。仅供引用，使用 :not 选择器，CSS 会更清晰，如下所示:

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

但是 IE 不支持 :not，而且我不确定它的性能下降情况如何。这就是为什么您需要将第一个示例放在 #block1 选择器上方。