拖动可调整大小的2列布局

Question

我只是尝试使用jQuery ui创建一个Drag可重新调整大小的布局

http://jsfiddle.net/3zLRJ/

但我的实际目标是这样的

是否可以使用jQuery Ui方法？或任何其他可用的插件

Answer 1

该插件默认不支持它,所以我开始为你实现目标.我只是硬编码div为函数,由resize event你决定它是动态的;).

var total_width = 500;

$("#div1").resizable({
    grid: [1, 10000]
}).bind( "resize", resize_other);


function resize_other(event, ui) {
    var width = $("#div1").width();

    if(width > total_width) {
        width = total_width;

        $('#div1').css('width', width);
    }

    $('#div2').css('width', (total_width - width));
}? 

小提琴的例子

希望这可以帮助!