1
A
回答
0
有人幾乎貼就這個問題詢問了幾個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提供了一個內置的標籤插件,但它非常麻煩,而且在我看來,如果編寫自己的解決方案非常簡單,那就毫無意義。
0
jsdoc是創建類似文檔樣式的perl腳本。
相關問題
- 1. 使用ASP.NET MVC創建一個私有文件系統
- 2. 在另一個系統的網絡系統中創建一個文件夾
- 3. 創建一個文件系統組,指向一個SAN
- 4. 使用jquery來創建導航系統
- 5. 在文件系統中創建文件
- 6. 閱讀使用虛擬文件系統創建的文件JIMFS
- 7. 在文件中創建文件系統
- 8. 從System.Drawing.Image的文件系統上創建一個新的圖像?
- 9. JavaScript創建並保存文件到本地文件系統
- 10. 使用javascript或jquery創建.ics文件
- 11. 使用文件系統創建整個結構?
- 12. 如何創建一個像/ proc的文件系統?
- 13. 想要創建一個分佈式文件系統嗎?
- 14. jQuery/Javascript爲用戶下載創建一個文本文件
- 15. 創建一個文件系統「驅動程序」
- 16. 使用Javascript寫入系統文件
- 17. 作爲系統創建文件
- 18. 在ext2文件系統的根目錄下創建一個新文件
- 19. 創建一個帶寬控制系統
- 20. 使用名稱創建文本文件系統日期
- 21. 在JavaScript中創建一個簡單的庫存系統
- 22. 從文件系統創建書籍
- 23. 創建一個精確系統
- 24. 根據文件系統中存在的文件創建HTML
- 25. 建立一個插件系統用PHP
- 26. 使用JSCH在支持SSH的系統中創建新文件
- 27. Wicket從文件系統創建圖像
- 28. 創建一個PHP結帳系統
- 29. 創建%系統
- 30. 在windows中創建文件系統
謝謝。這些標籤很容易實現,但jqapi也有能力搜索導航並生成可以書籤的好網址。我想我會借用他們的代碼:) – Alex 2010-07-23 09:15:28