2016-09-14 25 views
0

我正在尋找一種方法來修改下面的PHP,以允許添加一旦按下的ID將用戶導航到博客帖子的開始而不是頁面頂部。WordPress的 - 允許更舊和更新的帖子按鈕導航到ID

<div class="post-navigation"> 
    <?php next_posts_link('Older Posts', $wp_query ->max_num_pages); ?> 
    <?php previous_posts_link('Newer Posts'); ?> 
</div> 

我覺得這是somethign,應該是可以無需使用任何插件,雖然我已經找到了一個插件,讓我做這一塊的功能。

預期的故事會去是這樣的:

  1. 用戶點擊「年長」或「更新」按鈕,將在該網址類似domainName.co.uk/page/2#startofposts
  2. 然後,用戶可以刷新瀏覽器,而不是將頁面加載到頂部,而是將其加載到ID爲startofposts的位置。

任何人都沒有插件做到這一點?

乾杯

回答

0
jQuery(document).ready(function() { 
    var startID = '#post-container'; 
    var urlString = window.location; 
    var caseSearch = '/page/' 
    if(urlString.indexOf(caseSearch) != -1 { 
    jQuery(window).scrollTop(jQuery(startID).offset().top); 
    } 
} 

這應該做的伎倆。有更好的方法來做到這一點,但快速解決方案id應該沒問題。

+0

嗯不是一個壞主意。如果不知道如何在點擊時添加更新和更舊的帖子按鈕,我們將無法執行if語句。 –

+0

如果您的帖子開頭已包裝在容器中,則可以隨後將它們帶到該容器的類或ID中。如果你喜歡這個想法,我可以爲你提供它的腳本? –

+0

啊我看到所以你創建哈希時,他們點擊它而不是之後。我得到你。如果你不介意那將會很好 –

0

最後,我手動添加了想要的ID到錨點的末端......防止我不必做任何太花哨的事情。

$('.post-navigation a').each(function() { 
    var current = $(this); 
    var href = current.attr("href"); 
    current.attr("href", href + '#post-container'); 
}); 
相關問題