WordPress的分页 - 添加锚链接

我在我的index.php这个锚链接：WordPress的分页 - 添加锚链接

<a name="blog"></a>

我想这个锚链接工作当next_posts_link和previous_posts_link点击的，因此不会全力以赴到页面顶部的方式。我不知道如何去做这个WordPress分页。

这里是我的分页代码：

<div class="pagenavi"> 
<?php if(function_exists('wp_pagenavi ')) { 
wp_pagenavi(); 
} else { 
next_posts_link ('<div class="arrow-back"></div>'); } 
previous_posts_link('<div class="arrow-forward"></div>') ; }

来源

2012-11-13 Emily Harris

似乎你的问题的一部分缺少.. – h2ooooooo

哎呀！现在加入。 –

你把这个粘贴了吗？ HTML代码或结尾处的引号在哪里） –

解决方案2：

添加锚标记#blog网到使用jQuery

的上/下一个在一博文链接

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.pagenavi a').each(function(i,a){$(a).attr('href',$(a).attr('href')+'#blog')}); 
}); 
</script>

演示： http://jsfiddle.net/mfeldheim/EkMfP/12/

来源

2012-11-13 21:49:59

它的工作原理！非常感谢！ :) –

不幸的是，wp_pagenavi功能似乎封装完整的链接建设。

如果您不能在您的wordpress或插件配置中配置通用后缀，我不建议更改Wordpress代码。

相反，您可以执行一个小的JavaScript，将浏览器页面加载到锚点上。

本示例使用jQuery。将其粘贴到模板的底部位置。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('html, body').scrollTop( 
      $('[name="blog"]').offset().top 
     ); 
    }); 
</script>

无法测试这个，但应该工作。即使是简单的脚本是一个iPhone键盘上写的地狱..

编辑：工程就像一个魅力，看看这个用于演示 http://jsfiddle.net/mfeldheim/EkMfP/7/

来源

2012-11-13 15:33:24

这是行得通的，但由于某种原因，它并没有进入我放置锚点的位置。它转到上面的div。我已经检查过了，我已经把锚点放在了正确的位置...... –

另外，我希望它始终处于页面加载的顶部，除非用户单击博客上的下一个/上一个帖子链接，但此解决方案总是会让它停留在负载上。 –

在这种情况下，我的解决方案将无法正常工作，因为JavaScript无法确定您打开帖子的方式。相反，您可以使用JavaScript将#blog添加到下一个/ prev链接 –

WordPress的分页 - 添加锚链接

回答

相关问题