【问题标题】:Two separated horizontal windows两个分开的水平窗口
【发布时间】:2012-09-17 20:19:14
【问题描述】:

我想构建两个分开的水平窗口,可以调整大小。它应该看起来像这样:

通过使用这两个箭头所在的线,我应该能够调整每个窗口的大小。就像在jsfiddle.net 完成的一样,但不同的是有 4 个窗口,我想要 2 个水平窗口。

有人知道如何做这样的事情吗?我真的不知道如何正确命名它,所以我可以在谷歌找到任何有意义的东西。

【问题讨论】:

  • 我认为 jsfiddle 不使用 iframe?
  • 是的,jsFiddle 使用 iframe。只需查看源代码或使用 Inspect Element。
  • @Eric 我一直在寻找任何两个可以调整大小的窗口 iframe,但找不到任何东西,你能发布一个例子吗?
  • 老实说,无论如何你都必须在div 中包含iframe。然后调整它的大小。有很多示例(包括this answer),尽管其中大多数不包括帧的双重调整。这对你来说有点功课(或者谷歌可能有一个插件......)。

标签: jquery html css


【解决方案1】:

你可以试试jQuery layout 插件。这是一个简单的演示:little link

【讨论】:

    【解决方案2】:

    http://methvin.com/splitter/

    看看这个 jQuery 插件,我用它来做与你描述的类似的布局。

    【讨论】:

    • 另外,请务必查看我回答的关于在更新版本的 jQuery 中使用此插件的另一篇文章:stackoverflow.com/questions/10097458/…
    • 所以要解决该问题中的问题,我应该删除引用的代码还是什么?
    • 我无法让这个插件工作。 .splitter 函数似乎不适用于我的对象。
    • 在做了更多的研究之后,我建议按照 Abody97 的帖子使用布局插件。它似乎不那么容易出错,并且适用于更新版本的 jQuery。
    • 但同时布局插件肯定更多,超出了我的需求,因为我需要带有一个调整大小栏的简单窗口,并且布局插件默认带有大量无用的代码(对我来说没用)。
    猜你喜欢
    • 2013-08-24
    • 2018-07-23
    • 2013-02-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-18
    • 2015-01-04
    • 1970-01-01
    相关资源
    最近更新 更多