获得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，使侧边栏链接菜单

回答

相关问题