jquery - WordPress 和 Jquery : How to call a wordpress function with jquery on click event of a div?

Question

我使用 get_pages() 在我的主题顶部加载了 WordPress 页面标题功能类似于导航菜单:

<ul>
<?php $pages = get_pages('child_of=0&parent=0&echo=0'); 

   foreach($pages as $page){
     echo '<li class=pages id=menu_'.$page->ID.' >';
     echo $page->title;
     echo '</li>';
   }
?>
</ul>

注意:

1. 打印的 page titles没有指向该页面的链接。
2. 以及所有<li>标签具有相同的 class=pages
3. 以及每个 <li>标签有 id与当前相关$page->ID

我用过Jquery用于调用一个函数，在单击每个 <li> 时显示每个页面的子级最后 2 个字符为 id 的标签属性如下:

<script type=text/javascript>
  $(document).ready(function(){
    $('.pages').click(function(){
      var id = $(this).attr('id');
      id = id.substring(5,7);
      $('body').append(<?php get_pages('child_of=id&echo=1'); ?>);
    });
  });
</script>

但是不行，好像PHP block code页面加载时调用。 请帮我调用wordpress get_pages每个<li>的点击事件上的函数加载页面的子级。

Answer 1

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

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

AJAX 简介(视频): http://www.youtube.com/watch?v=tJXLRLDWjn4

您需要了解的有关 AJAX 以及如何将其与 WordPress 结合使用的所有信息: http://codex.wordpress.org/AJAX 提示:点击“开发者信息”部分下的链接。