Question

我一直在调整jquery调整大小，虽然我似乎无法获得所需的效果。

基本上，我有一个菜单，我想用一个漂浮在菜单右侧的按钮调整大小，一旦拖动它会调整菜单大小，我也想限制调整大小如果可能！

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

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;
}

小提琴

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

调整父菜单jquery的大小？

1 个答案: