设置页面滚动" get_next_posts_link"?

时间:2014-12-30 20:54:48

标签: javascript php jquery wordpress

我目前正在开发自定义Wordpress主题。页面以单页垂直滚动格式设置。在主题的某一点上有一个blogroll,可以选择查看较旧的帖子。点击查看旧帖子会刷新页面&将用户带回到顶部,我希望用户保持原位,以便在点击“查看较旧的帖子”时,帖子会刷新,并且用户仍然处于相同的固定滚动区域而不是被撞回到顶部。

有没有办法使用Jquery带来下一篇文章?我想在link-template.php中编辑“get_next_post_link”函数但是我不确定要使用什么javascript或如何修改代码才能工作:

function get_next_post_link( $format = '%link »', $link = '%title', $in_same_term = false, $excluded_terms = '', $taxonomy = 'category' ) {
	return get_adjacent_post_link( $format, $link, $in_same_term, $excluded_terms, false, $taxonomy );
}

我正在使用此主题的修改版本:

http://www.andersnoren.se/themes/fukasawa/

1 个答案:

答案 0 :(得分:0)

它看起来像facebook或twitter中的系统。首先,您应该添加一个指针div元素。点击'第2页'在新页面模板中创建查询,如下所示:

$page=$_GET['paged']; // page 2 to get param
$showposts=10;
$offset=($page-1)*$showposts;
query_posts('offset='.$offset.'&showposts='.$showposts);

while(have_posts()):
   the_post();
   // ...
endwhile;

使用jQuery添加按钮单击事件:

$(".pagenavi li a").click(function(){
    var new_page = $(this).attr("href");

    $("#ajax-area").html("LOADING");
    $("#ajax-area").append(new_page);
return false;
});