Я пытаюсь загрузить мои сообщения с помощью AJAX и с загруженным сообщением, используйте post-navigation на основе ajax.Загрузка сообщений через AJAX с почтовой навигацией
Мой вопрос: Как мне сделать разбивку по страницам на нижний колонтитул. (отметьте linked image, если это трудно понять, что я имею в виду). Поэтому, когда вы перемещаетесь из нижнего колонтитула открытого в данный момент сообщения, вы прямо открываете предыдущий или следующий проект, и он будет открыт для того же div-проекта, что и тот, с которого вы перешли.
Могу ли я использовать ту же функцию functions.php для отправки данных разбивки на страницы, или я должен создать новую функцию, где я отправляю данные разбиения на страницы.
functions.php
add_action('wp_ajax_load_post', 'working_function');
add_action('wp_ajax_nopriv_load_post', 'working_function');
function working_function() {
check_ajax_referer('nonce', 'security');
if (isset($_POST['id'])
&& 'post' == get_post_type($_POST['id'])
&& 'publish' == get_post_status($_POST['id'])) {
$id = (int)$_POST['id'];
global $post;
$post = get_post($id);
$prev_post = get_previous_post();
$next_post = get_next_post();
$data = array();
$data['article'] = '<h1>' . apply_filters('the_title', $post->post_title) . '</h1>';
$data['article'] .= apply_filters('the_content', $post->post_content);
$data['article'] .= '<footer>' . '<nav class="navigation pagination">' . '<div class="nav-links">' . '<div class="nav-previous">' . '<a nav-id=""' . 'href="' . apply_filters('the_permalink', get_permalink($prev_post->ID)) . '" rel="prev">Previous Article</a>' . '</div>' . '<div class="nav-next">' . '<a href="' . apply_filters('the_permalink', get_permalink($next_post->ID)) . '" rel="prev">Next Article</a>' . '</div' . '</div>' . '</nav>' . '</footer>';
wp_send_json_success($data);
} else {
wp_send_json_error('Error');
}
wp_die();
}
Основные ЯШ:
jQuery(function ($) {
"use strict";
$(document).ready(function() {
$(document).on('click', 'a.link-to', function (event) {
event.preventDefault();
var id = $(this).data('id');
$.ajax({
url: ajax_url,
type: 'POST',
data: {
action: 'load_post',
security: nonce,
id: id
},
success: function (data) {
if (data.success) {
var article = $(data.data.article);
$('.single-project').html(article);
$('html, body').animate({
scrollTop: ($("#single-project").first().offset().top)
}, 400);
} else {
console.log(data.data);
}
},
error: function (data) {
console.log('Error');
}
});
});
});
});
К моему главному JS-файла, я должен сделать новую функцию щелчка, что-то вроде этого:
$(document).on('click', '.nav-links a', function (event) {
event.preventDefault();
});