jquery - 调整父菜单jquery的大小？

Question

我一直在摆弄jquery resize，尽管我似乎无法获得我需要的效果。

基本上，我有一个菜单，我想用一个 float 到菜单右侧的按钮来调整其大小，一旦拖动它就会调整菜单的大小，如果可能的话，我还想限制调整大小!

请帮忙？这是我到目前为止所拥有的:(

http://jsfiddle.net/shannonhochkins/uGtat/

谢谢大家!

Answer 1

文档

http://jqueryui.com/demos/draggable/

jQuery

$('#drag').disableSelection().draggable({
    axis: "x",
    containment: "parent",
    drag: function(event, ui) {
        $('#menu').width($(this).offset().left);
    },
    stop: function(event, ui) {
        $('#menu').width($(this).offset().left);
    }
});​

CSS

#parent {
    position: relative;
    width: 300px;
    height: 70px;
    background: #ccc;
}
#drag, #menu {
    position: absolute;
    height: 70px;
    width: 30px;
    background-color: green;
}
#drag {
    width: 15px;
    background-color: red;
    left: 30px;
    cursor: pointer;
}​
​

fiddle

http://jsfiddle.net/iambriansreed/gkMPA/