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内容区域

回答

相关问题