使用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拆分頁面

回答

相關問題