Dynamicznie zmieniające się linki nawigacyjne (następne i poprzednie) w Wordpressie przez AJAX
Mam w swojej witrynie wordpress, wewnątrz pętli single.php, tag wyboru, w którym opcje są postami bieżącej kategorii zwróconej przez niestandardowe zapytanie.
Po zmianie wybranej opcji, mam wiele funkcji javascript, które działają dobrze, ale ostatnia funkcja wśród nich (function f_next-previous
), nie działa.
Celem tej funkcji jest aktualizacja następnych i poprzednich linków bez przeładowywania strony.
Kod związany z linkami nawigacyjnymi (następny i poprzedni) w moim szablonie działa dobrze i jest powyżej:
<div id="nav-above" class="navigation">
<div class="nav-previous"><?php previous_post_link( '%link', '<img height="34" src="' . get_bloginfo("template_directory") . '/images/previous.png" />' ); ?></div>
<div class="nav-next"><?php next_post_link( '%link', '<img height="34" src="' . get_bloginfo("template_directory") . '/images/next.png" />' ); ?></div>
</div><!-- #nav-above -->
Kod javascript tej funkcji to:
function f_next-previous(id)
{
$.ajax({
cache: true,
type: "GET",
timeout: 5000,
url: 'wp-content/themes/twentyten/pages/next-previous.php?p='+id,
success: function(msg)
{
$('#nav-above').html(msg);
},
error: function(msg)
{
alert("Your browser broke!");
return false;
}
});
}
Pliknext-previous.php
treść jest:
<?php
$p=$_GET['p'];
require( '../../../wp-load.php' );
$my_query = new WP_Query();
$my_query->query(array( 'post__in' => array($p)));
if ($my_query->have_posts()) : while ($my_query->have_posts()) : $my_query->the_post(); ?>
<div class="nav-previous"><?php previous_post_link( '%link', '<img height="34" src="' . get_bloginfo("template_directory") . '/images/previous.png" />' ); ?></div>
<div class="nav-next"><?php next_post_link( '%link', '<img height="34" src="' . get_bloginfo("template_directory") . '/images/next.png" />' ); ?></div>
<?php
endwhile;
endif;
?>
Podczas testowania tego pliku php, nadając mu wartość parametru p, daje logiczny wynik w przeglądarce. Skrypty Jquery i funkcje są dobrze uwzględnione, a wszystkie AJAX na mojej stronie są w porządku. Czego mi brakuje w tej pracy ??
AKTUALIZACJA: Zauważ, że część mojego pliku single.php odpowiedzialna za wywołanie wywołania AJAX to:
<form method="post" action="">
<select class="select2" name="" id="" >
<option value="<?php the_ID();?>"><?php the_title();?></option>
<?php
global $post;
$paged = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : 1;
$myposts = get_posts("paged=$paged&category=4");
foreach($myposts as $post) :?>
<option value="<?php the_ID();?>"><?php the_title();?></option>
<?php endforeach;
wp_reset_postdata(); ?>
</select>
</form>