獲得H1，使側邊欄鏈接菜單

在一個現有的HTML網站，我有很多的div的頁面，每格是一個「新聞消息「

我在這個頁面上使用分頁插件來顯示當時只有1格。

$("#newsmessages .news").quickpaginate({ perpage: 1, showcounter: true, pager : $("#nieuwsbericht_list_counter") });

。

我想要做的是：

獲取從每一個div的，H1把它放在一個列表頁面的側邊欄，使之成爲連接到div。

這是記者消息的結構：

<div class"news"> 
    <h1>test</h1> 
    <p>blablabla</p> 
    </div> 

    <div class"news"> 
    <h1>test1</h1> 
    <p>blablabla</p> 
    </div> 

    <div class"news"> 
    <h1>test2</h1> 
    <p>blablabla</p> 
    </div>  

<div/>

這可能與jQuery的？

這個人是現在拉我的腦袋3天

日Thnx

UPDATE：

由於韋斯頓我有我的錨側邊欄，

但是當我點擊在錨上沒有任何事情發生，我把它歸咎於分頁插件，沒有這個錨插件工作。

有沒有人爲此解決方案我更喜歡分頁plugin而不是滾動下半個小時。

日Thnx

的Jeroen

來源

2012-03-24 Jeroen

你是什麼意思*「讓它到div鏈接」 *？你的意思是做一個「主頁跳轉」？ – Joseph 2012-03-24 07:48:23

是多數民衆贊成它，所以你得到的側邊欄上的錨點列表 – Jeroen 2012-03-24 08:06:01

這裏是jQuery的。它在新聞分區中創建錨點並將鏈接放在側欄div的列表中。

$(function() { 
    var list = $('#sidebar ul'); 

    $(".news h1").each(function() { 
     $(this).prepend('<a name="' + $(this).text() + '"></a>'); 
     $(list).append('<li><a href="#' + $(this).text() + '">' + $(this).text() + '</a></li>'); 
    }); 
});

這裏的標記去與它..

<body> 
    <div id="sidebar"> 
    <h2>Sidebar</h2> 
    <ul> 
    </ul> 
    </div> 

    <div class="news"> 
    <h1>test</h1> 
    <p>blablabla</p> 
    </div> 

    <div class="news"> 
    <h1>test1</h1> 
    <p>blablabla</p> 
    </div> 

    <div class="news"> 
    <h1>test2</h1> 
    <p>blablabla</p> 
    </div> 
</body>

來源

2012-03-24 08:32:17 Weston

神奇的，它的工作原理，謝謝你們 – Jeroen 2012-03-24 09:06:10

嗨韋斯頓感謝您的這一點，它的工作原理，只剩下的問題是我點擊一個錨鏈接請求的消息不顯示，我認爲問題是在分頁，你也有一個解決方案？ thnx – Jeroen 2012-03-24 16:19:53

我不知道那個quickpaginate插件。如果它通過分離/附加DOM元素來工作，那麼＃鏈接將無法工作。不知何故，你需要跟蹤每個新聞div位於哪個頁面，並告訴分頁thingy切換到該頁面。 – Weston 2012-03-24 16:41:11

獲得H1，使側邊欄鏈接菜單

回答

相關問題