首页 » Wordpress研究 » 2008-11-26 »
锚点冲突，导致博客评论分页失效
Tag: JavaScript , jqueryHTML 中的链接，正确的说法应该称作“锚点”。它不仅让我们能指向文档，还能指向页面里的特定段落，更能当作“精准链接”的便利工具。
我们在编辑 HTML 页面时最常见的锚点有两种
1 | <a href=""></a> |
和
1 | <a name=""></a> |
前者用于链接，后者用于定位。
链接就不多说了，关于定位，我们用的最多的一个例子就是“返回顶部”：
一般我们在页面的顶部，例如 body 标签的下面加入一个锚点
1 2 | <body> <a name="top"></a> |
然后在页脚的代码里面再加上
1 | <a href="#top">返回页顶</a> |
这样我们点击页脚里的“返回页顶”，那么整个页面就会直接从页脚跳到页面顶部。
感谢 Carrie 和 Jinwen 发现并告之本站的评论分页失效。
导致这个问题的是我前几日使用了一个可以使页面滚动的 Jquery JS ，这个 Jquery JS 自动给用于定位的锚点增加滚动效果，比如点击页面底部的“返回页顶”，页面就会自动的滚动到顶部（而非之前介绍过的一段代码）。
然而 WP Paged Comments 插件的翻页链接里也带有定位的锚点，比如
http://zeuscn.net/messageboard/?wpc=2#comments
末尾的 “#comments” ，所以当我点击分页链接的时候就出了问题，浏览器不知道到底是滚动呢？还是跳转到下一页呢？很明显两者之间有所冲突…
如何解决这个问题呢？我所做的就是取消了那个 Jquery JS 的调用… JS 功能可以少，但评论分页是必须的，我暂时还没有找到两全其美的办法，不知道大家有何高见？
zEUS.
用jQuery一句搞定的！应该谢谢我。哈哈！
汗~我刚插入了jQ代码怎么被过滤掉了？
需要的话留个mail。再发你
如果真是 jQuery 的话那就太好了～ 我的邮箱是 zeus0517@gmail.com 感激不尽
锚点滑动的效果我也用过，出现的问题就是在IE下打开的速度慢了， 后事也没用了。这东东是个鸡肋
哇塞 前面哦
怎么解决呢?
不知道是显示器的事情还是怎么回事
在这个电脑上看你的网站，评论验证码的字就可以看的清楚了~
我想做分页…但page页面总觉得有点问题…2.7再说吧 自带分页了哈哈
name作怪…
恩，不光是 name 所有锚点都不行…
原來是錨點出錯啊～不過我剛剛又發現那個『跳至評論』也出錯了呢！點下去也無法跳至評論處留言，應該也跟你說的錨點出錯有關連，zEUS. 要不要再檢查一下呢？
哈哈，多谢，确实是那个问题…. 现在改好了
这个好像不是 jquery 的代码的，好像就是一段纯 js 的！！是有可能造成冲突的，我这里有段 jquery的，可以自定义，自己设置，貌似比较方便！有空的话我把他分享出来！！
多谢提醒，我仔细看了下，确实是纯 JS 的 ～
如果你那边有解决办法就更好了～ 期待一下
我刚写了一篇，说是用jquery把旧的评论隐藏起来，也差不多和分页一样的效果。
呵呵，昨晚我就玩了你那边的效果，挺棒的
但是… 我看了下代码，这里确实是隐藏的，被隐藏的评论依然会加载，我的留言板有500+多条留言，一次性载入的话就太耗时间和资源了…
所以还是得保留评论分页的功能…
这个也是问题哦。不与来个先分页，每页50条，然后再隐藏40条，哈。