Wordpress & Jquery : div의 click 이벤트에서 jquery로 wordpress 함수를 호출하는 방법?

Question

나는 탐색 메뉴처럼 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> 태그는 현재 $page->ID

관련된 id를 가지고 있는데 각각의 클릭에 각 페이지의 자녀를 보여주기 위해 호출 Jquery 기능을 사용했습니다 id 속성 아래처럼 2 마지막 문자와 <li> 태그 :

<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이 호출됩니다. 페이지의 하위 페이지를로드하려면 <li>의 click 이벤트에 wordpress get_pages 기능을 부탁합니다.

Answer 1

아무도 당신을 위해이 일을하려고하지 않습니다, 그러나 여기 옳은 길 아래로 당신을 당신이 그것을 알아내는 데 도움이 될 수있는 몇 가지 리소스입니다 :

소개 AJAX로 : http://www.w3schools.com/Ajax/ajax_intro.asp

소개를하려면 AJAX (비디오) : http://www.youtube.com/watch?v=tJXLRLDWjn4

모든것이 당신 AJAX에 대해 알아야 할 방법 워드 프레스와 함께 사용 : http://codex.wordpress.org/AJAX 힌트 : "개발자 정보"초 아래의 링크를 따라 .

Answer 2

PHP가 서버에서 실행됩니다. Javascript/jquery가 브라우저에서 실행됩니다. 자바 스크립트에서 직접 PHP를 실행할 수는 없습니다.

당신이해야 할 일은 일반적으로 아약스에 대해 배우는 것입니다. 그런 다음 아약스와 워드 프레스에 대해 알아보십시오.

그런 다음 jquery를 사용하여 wordpress가 노출 한 API에서 데이터를 가져 와서 원하는 정보를 가져 와서 해당 데이터를 사용자에게 표시 할 수 있습니다.

Answer 3

루프의 모든 항목 (페이지의 foreach 루프 내의 서브 페이지에 대한 새로운 foreach)을로드 한 다음 jQuery 함수 (수정 됨)를 사용하여 클릭시 서브 페이지를 전환하면 어떨까요?