Wordpress & Jquery: как вызвать функцию wordpress с помощью jquery для события click элемента div?

Question

Я загрузил заголовки страниц WordPress в верхней части моей темы, используя функцию get_pages(), например, меню навигации:

<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> с двумя последними символами 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>

Bu Это не работает, кажется, PHP block code вызывается при загрузке страницы.Помогите мне вызвать функцию wordpress get_pages для события click каждого <li> для загрузки дочерних страниц.

Answer 1

PHP работает на сервере. Javascript / JQuery работает в браузере. Вы не можете напрямую запустить PHP из своего JavaScript.

Что вам нужно сделать, это узнать о Ajax в целом. Тогда узнайте о Ajax и WordPress.

Затем вы можете использовать jquery для извлечения данных из любых API-интерфейсов, которые WordPress предоставляет для извлечения необходимой вам информации, и отображения этих данных пользователю.

Answer 2

Почему бы вам просто не загрузить все в цикле (новый foreach для подстраниц внутри цикла foreach страниц), а затем использовать функцию jQuery (измененную), чтобы переключать подстраницы по щелчку?

Answer 3

Никто не собирается делать это за вас, но вот несколько ресурсов, которые могут помочь вам разобраться и привести вас по правильному пути:

Введение в AJAX: http://www.w3schools.com/Ajax/ajax_intro.asp

Введение в AJAX (видео): http://www.youtube.com/watch?v=tJXLRLDWjn4

Все, что вам нужно знать об AJAX и как его использовать с WordPress: http://codex.wordpress.org/AJAX Подсказка: перейдите по ссылкам в разделе «Информация для разработчиков»раздел.