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的分頁 - 添加錨鏈接

回答

相關問題