在wordpress内容区域内的jquery ajax导航

时间:2013-05-26 01:49:11

标签: jquery ajax wordpress

这是一个完全没有问题的问题,但此刻我感到很茫然。 我一直试图找到解决这个问题的方法,但我似乎无法从这里和那里找到一个明确的答案。

我希望在标准的wordpress页面上创建一个左侧菜单。 菜单包含网站内特定wordpress帖子的标题。当您点击其中一个标题时,该帖子的内容将显示在与标题相同的页面上的div容器中。

我将如何实现这一目标?

现在我知道有很多关于类似想法的教程,但我的问题是我很难将所有元素拼凑起来提出一个解决方案。例如,

如何获取ajax来调用特定帖子?我必须调用get_post函数吗?

如何设置标题然后对应特定帖子?

如何在wordpress页面上实现上述所有内容?

我再次知道这是一个菜鸟问题,但如果任何人有任何信息,教程或源代码我可以查看以便在我的页面中学习和实现,我会非常感激。

See Figure

谢谢你们

1 个答案:

答案 0 :(得分:0)

根据我的理解,您正在尝试自动化侧栏中显示的内容。我对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>

然后您可以将其合并到您的格式中。