使用jquery拆分页面

我一直负责通过拆分屏幕来查看将内容动态插入到网页中。使用jquery拆分页面

我真的不知道该怎么开始，因为我会认为这是一种jQuery手风琴形式，但整个页面需要拆分并且内容相应地移动。

******************************* 
*        * 
* THIS IS      * 
* MY WEBPAGE     * 
*        * 
*******************************

这会变成;

******************************* 
*        * 
* THIS IS      * 
*        * 
* Inserted content here  * 
*        * 
* MY WEBPAGE     * 
*        * 
*******************************

中断下面的内容都会随着它下移。如果我有很多内容要在拆分之下移动，我认为这是非常重的资源。

来源

2013-04-12 Takuhii

不幸的是，我们不能真正*提供*'帮助或建议'（这将被关闭为['不具有建设性'或'不是真正的问题']（http://stackoverflow.com/faq#dontask）），如果你已经做了一个不起作用的尝试，我们可以帮忙。 –

我不确定你想要什么？更不用说你试过了什么;） –

@Tom Sarduy：他只是想知道如何使用jQuery来动态显示内容。为什么知道他所尝试的是如此重要？尝试很好，但有时我们不知道从哪里开始。 –

这听起来像你需要一个简单的可折叠面板。有很多可用的。我喜欢Darren's。

一个更基本的方法是有一个空div，你可以使用jQuery将load html加入它。当div的html被加载时，它下面的所有东西都会自动下移。

来源

2013-04-12 13:11:54 Rafi

真的存在这个问题。我不知道这个方法叫什么，如果它存在，听起来像可折叠面板是这个项目的前进方向，谢谢你们:) – Takuhii

你必须插入div withn你的页面的ID，例如：

<div id="content">Hello World</div>

在加载页面时，jQuery的可以隐藏与

$('#content').hide();

内容做这种方式使得它如果javascript未启用，可能会看到内容。然后，你需要点击功能展示的内容：

$("#show").click(function(){ 
    $("content").show(); 
});

我不知道你想做什么，但您应该咨询jQuery的文档：。

来源

2013-04-12 13:08:58

您可以尝试使用sngle div作为您的网页，然后根据需要进行定位。

来源

2013-04-12 13:12:19 PranitG

我意识到这是一个老问题，但你可以试试jQuery Simple Collapsible Panel Plugin。

来源

2014-03-05 19:36:05

谢谢。我会放弃这一点;） – Takuhii

使用jquery拆分页面

回答

相关问题