1

我的 index.php 中有这个锚链接：

<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>') ; }
4

2 回答 2

2

解决方案2：

使用 jQuery 将锚标签 #blog 添加到博客文章中的 prev/next 链接

<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-13T21:49:59.033 回答
0

不幸的是 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-13T15:33:24.247 回答