WordPress和Jquery：如何在div的click事件中使用jquery调用wordpress函数？

我使用get_pages()函数像导航菜单一样在我的主题顶部加载了wordpress页面标题：

 
 <?php $pages = get_pages('child_of=0&parent=0&echo=0'); foreach($pages as $page){ echo '
ID.' >'; echo $page->title; echo '
'; } ?>  

注意：

1. 打印的page titles没有链接到页面。
2. 并且所有
3. 标签都具有相同的class=pages
4. 每个
5. 标签都有一个与当前$page->ID相关的id

我已经使用Jquery来调用一个函数，通过点击每个

标签显示每个页面的子Jquery ，其中包含2个id属性的最后一个字符，如下所示：

  $(document).ready(function(){ $('.pages').click(function(){ var id = $(this).attr('id'); id = id.substring(5,7); $('body').append(); }); });  

Bu它不起作用，似乎在加载页面时调用了PHP block code 。 请帮我在每个

点击事件上调用wordpress get_pages函数来加载页面的子项。

Answer 1

没有人会为你做这件事，但这里有一些资源可以帮助你搞清楚并引导你走上正确的道路：

AJAX简介： http ： //www.w3schools.com/Ajax/ajax_intro.asp

AJAX简介（video）： http ： //www.youtube.com/watch？v = tJXLRLDWjn4

您需要了解的有关AJAX以及如何在WordPress中使用它的所有内容： http ： //codex.wordpress.org/AJAX提示：请按照“开发者信息”部分下的链接进行操作。

Answer 2

PHP在服务器上运行。 Javascript / jquery在浏览器中运行。 你不能直接从你的JavaScript运行PHP。

你需要做的是一般地了解ajax。 然后了解ajax和wordpress。

然后，您可以使用jquery从wordpresspress公开的任何API中获取数据，以获取所需的信息，并将该数据显示给用户。

Answer 3

为什么不简单地在循环中加载所有内容（页面’f​​oreach循环中的子页面的新foreach），然后使用jQuery函数（已修改）在点击时切换子页面？