jQuery UI可调整大小最小宽度太大

Question

在下面的jsfiddle中 - 我已经复制了我目前使用jQuery UI resize的问题。

当我尝试调整当前div宽的1px时，它会自动增加尺寸，因此我无法将其恢复原状尺寸（或者小于新创建的div大小。

有没有人遇到过这个问题？我尝试在min-width: 1px;中标记.css，但这没有效果。

1px宽条的CSS位于下方;

.Task
{
position: absolute;
height: 25px;
width: 1px;
background-color: Yellow;
cursor: move;
white-space:nowrap;
top: 0;
font-family: Corbel;
font-size: x-small;
line-height:2.5em;
text-indent: 0.5em;
z-index: 1;
border: 2px outset;
border-bottom: 1px solid black;
}

提前致谢，

http://jsfiddle.net/cyVYq/24/

Answer 1

你很亲密。您需要在minWidth属性中设置resizable，而不是在CSS中。 The default minWidth is 10，但您可以将其设置为1以获得所需的行为。

.resizable({
    //containment: "parent",
    minWidth: 1,
    handles: 'e, w',
});

updated jsFiddle。