2

我正在尝试创建像下面 http://methvin.com/splitter/3csplitter.html这样的可调整大小的单元格（拆分器）

但我需要使用 jQuery UI 来做到这一点。

我不确定使用 jQUery UI 可以实现多么相似的事情。

是否可以使用 jQuery UI Resiable( http://jqueryui.com/resizable/ )

如果是，请您提供任何相同的参考示例。它的行为应该类似于 Methvin.com/splitter

4

2 回答 2

4

这是我一天使用的代码：

$(".resizable1").resizable({
    handles: 'e',
    minWidth: '50',
    maxWidth: '350',
    resize: function() {
        var remainingSpace = $(this).parent().width() - $(this).outerWidth(),
            divTwo = $(this).next(),
            divTwoWidth = remainingSpace - (divTwo.outerWidth() - divTwo.width());
        divTwo.width(divTwoWidth);
    }
});

http://jsfiddle.net/8qzTJ/

于 2013-03-10T07:28:18.993 回答
0

使用 jquery ui 绝对可以做到这一点，请查看此处的文档http://jqueryui.com/resizable/#helper这只是一个简短的示例

$(function() {
    $( "#resizable" ).resizable({
      handles: "n,e,s,w" // chose the handle you want
    });
  });
于 2013-03-10T07:14:50.533 回答