可调整大小的布局

时间:2012-07-16 00:06:42

标签: javascript jquery html css jquery-ui

我正在寻找灵活的三列布局,这样三条列的宽度可以通过边缘上的简单拖动操作来改变,就像在jsfiddle.net中完成的那样

在搜索时,我尝试实现以下

1。http://methvin.com/splitter/3csplitter.html 这对于我的情况来说是理想的,小而且在Internet Explorer中工作。但是它与旧版本的jQuery(v 1.3)兼容,因为在较新版本中它会出现错误“超出最大调用堆栈大小”。

2.jQuery UI Resizeable 对于一个简单的div元素,它有许多默认选项,但是当调整流体布局时,存在一些问题。我试图为它调整一个小小提琴http://jsfiddle.net/vjmx2/6/。它不起作用虽然

在检查JSFiddle的页面时,我抓住了http://jsfiddle.net/js/LayoutCM.js,但由于它是框架的一部分,我无法提取它供我使用。

如果有人可以修复或提供可能有用的链接,我将不胜感激

1 个答案:

答案 0 :(得分:1)

您可以尝试使用jQuery splitter demo here

我已经使用最新的jQuery测试了代码并且工作正常(仅在Mozilla 13.0.1中测试过)。

<script type="text/javascript" 

src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script 

type="text/javascript" src="splitter.js"></script>

希望它有所帮助。