jQuery的Ajax Navigaion內wordpress內容區域

這是一個完全noob問題，但我在這個時刻虧損。我一直在試圖找到這個問題的解決方案，但我似乎無法找到一個明確的答案只是從這裏和那裏的片段。jQuery的Ajax Navigaion內wordpress內容區域

我期待在標準wordpress頁面上創建一個左側菜單。該菜單由網站內的特定WordPress帖子標題組成。當您點擊其中一個標題時，該帖子的內容將顯示在與標題相同的頁面上的div容器中。

我該如何去實現這一目標？

現在我知道有很多類似的想法的教程，但我的問題是，我很難拼湊所有的元素來提出一個解決方案。例如，

我該如何着手讓ajax調用特定的帖子？我必須調用get_post函數嗎？

我該如何去設置標題然後對應於特定的帖子？

我如何在wordpress頁面上實現上述所有功能？

再次我知道這是一個noob問題，但如果任何人有任何信息，教程或源代碼，我可以看看，以便在我的頁面中學習和實現，我會非常感激。

See Figure

謝謝你們

來源

2013-05-26 Michael Johanason

從我明白，你想什麼自動化在側邊欄中顯示。我對Wordpress並不熟悉，但是您肯定可以用jQuery UI之類的東西來手動執行此操作，它總是有很好的UI解決方案。您可以使用jQuery來顯示/隱藏用戶點擊的內容。

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://code.jquery.com/jquery.min.js"> 
</script> 
<script> 
$(document).ready(function(){ 
    $("#toggle").click(function(){ 
    $("div#t1").toggle(); 
    }); 
    $("#toggle2").click(function(){ 
    $("div#t2").toggle(); 
    }); 
}); 
</script> 
</head> 
<body> 
<div id="t1">#1</div> 
<div id="t2">Stuff</div> 
<button id="toggle1">Content 1</button> 
<button id="toggle2">Content 2</button> 
</body> 
</html>

然後，您可以將其納入您的格式。

來源

2013-05-26 01:54:27

您可以使用這種想法：http://api.jquery.com/toggle/，http://www.w3schools.com/jquery/jquery_hide_show.asp和http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_show。 –

格式化抱歉。 –

他的約翰，感謝您的回覆 –

jQuery的Ajax Navigaion內wordpress內容區域

回答

相關問題