[英]Wordpress AJAX load page content
我试图让wordpress通过AJAX加载我的其他页面,首先我以为我不会附加其他页面HTML,但似乎该页面不知道如何找到页面ID。
我的jQuery文件ajax-pagination.js
(function($) {
function find_page_number( element ) {
element.find('span').remove();
return parseInt( element.html() );
}
$(document).on( 'click', '.menu-item a', function( event ) {
event.preventDefault();
page = find_page_number( $(this).clone() );
$.ajax({
url: ajaxpagination.ajaxurl,
type: 'post',
data: {
// action: 'ajax_pagination',
action: 'my_ajax_pagination',
query_vars: ajaxpagination.query_vars,
page: page
},
beforeSend: function() {
$('#main').find( 'article' ).remove();
$('#nav-burgermenu-btn').removeClass('active');
$('#nav').removeClass('active');
$(document).scrollTop();
$('#main').append( '<div class="page-content" id="loader">Loading New Posts...</div>' );
},
success: function( html ) {
$('#main #loader').remove();
$('#main').append( html );
}
})
})
})(jQuery);
我的Wordpress函数PHP文件
一切都这样加载:
global $wp_query;
wp_localize_script( 'ajax-pagination', 'ajaxpagination', array(
'ajaxurl' => admin_url( 'admin-ajax.php' ),
'query_vars' => json_encode( $wp_query->query )
));
然后这段代码如下:
add_action( 'wp_ajax_nopriv_ajax_pagination', 'my_ajax_pagination' );
add_action( 'wp_ajax_ajax_pagination', 'my_ajax_pagination' );
function my_ajax_pagination() {
$query_vars = json_decode( stripslashes( $_POST['query_vars'] ), true );
$query_vars['paged'] = $_POST['page'];
$posts = new WP_Query( $query_vars );
$GLOBALS['wp_query'] = $posts;
add_filter( 'editor_max_image_size', 'my_image_size_override' );
if( ! $posts->have_posts() ) {
get_template_part( 'content', 'none' );
}
else {
while ( $posts->have_posts() ) {
$posts->the_post();
get_template_part( 'content', get_post_format() );
}
}
remove_filter( 'editor_max_image_size', 'my_image_size_override' );
the_posts_pagination( array(
'prev_text' => __( 'Previous page', 'twentyfifteen' ),
'next_text' => __( 'Next page', 'twentyfifteen' ),
'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyfifteen' ) . ' </span>',
) );
die();
}
function my_image_size_override() {
return array( 825, 510 );
}
现在,当单击我的导航中的链接时,它将在HTML后面附加一个0。 就像$('#main')。append(html);一样,在find_page_number函数中出现了问题。 不会附加html ..但我不确定。
问题出在这部分:
else {
while ( $posts->have_posts() ) {
$posts->the_post();
get_template_part( 'content', get_post_format() );
}
我用“页面”替换了get_post_format(),它起作用了。
else {
while ( $posts->have_posts() ) {
$posts->the_post();
get_template_part( 'content', 'page' );
}
还要确保“内容”实际上是“内容”,而不是“模板部分/页面/内容”之类的东西。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.