It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center
                            
                        
                    
                
                                6年前关闭。
            
                    
我正在尝试创建可调整大小的单元格(拆分器),如下所示
http://methvin.com/splitter/3csplitter.html

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

我不确定使用jQUery UI可以实现类似的功能。

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

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

最佳答案

这是我一天使用的代码:

$(".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/

07-24 09:51
查看更多