的jQuery /使用Javascript - 創建一個文件系統

Question

是否有任何JS/jQuery的腳本，在那裏像這樣的：

http://jqapi.com

改變右邊的內容，以尋找它的能力的左側菜單。

Answer 1

有人幾乎貼就這個問題詢問了幾個minutse前，然後被刪除後，我才提出我的答案。那是你嗎？無論哪種方式，我會跳過bit and，只是回答你的問題。

在這裏。

假設你想只更新可見內容或你的頁面沒有加載不同的一個（全部或通過AJAX），你可以用一個簡單的「標籤」的劇本完成這個任務 - 你覺得左側邊欄菜單作爲文件夾的選項卡，文件夾的內容位於右側。

我們會將左側邊欄的菜單稱爲「標籤控制檯」，右側的主要容器是「標籤面板」。

比方說，你的標籤控制檯的HTML看起來像這樣：

<ul id="tab_console"> 
    <li id="first"><a href="#">My First Page</a></li> 
    <li id="second"><a href="#">My Second Page</a></li> 
    <li id="third"><a href="#">My Third Page</a></li> 
</ul> 

...和你的選項卡窗格的lookw這樣的：

<div id="tab_pane"> 
    <div id="page_first"></div> 
    <div id="page_second"></div> 
    <div id="page_this"></div> 
</div> 

您將需要隱藏的各種選項卡窗格中的內容，所以他們不會一次表演。你可以用CSS做到這一點：

#tab_pane div {display: none;} 

現在，我們需要一個腳本，使這一切工作：

$(document).ready(function(){     // fires when browser loads your html 
    $('#tab_console > li').click(function() { // fires when a tab is clicked 
     $('#tab_pane > div').hide();    // hides all tab contents 
     $('#tab_pane > #page_' + $(this).attr('id')).show(); // show the selected tab 
    }); 

    $('#tab_pane > li#page_first').show();  // load your default tab 
}); 

這是基本的想法，反正。我會建議閱讀jQuery的入門教程，如果你對這些都感到困惑。

編輯 - 我應該補充說，這次發佈的例子使用了ajax請求。您可以閱讀jquery documentation並在適用情況下更改代碼。將內容加載到窗格中就像顯示靜態內容一樣簡單（如果不是更多）。

jquery UI library提供了一個內置的標籤插件，但它非常麻煩，而且在我看來，如果編寫自己的解決方案非常簡單，那就毫無意義。

Answer 2

jsdoc是創建類似文檔樣式的perl腳本。

http://jsdoc.sourceforge.net/