javascript - anchor 标签掉到页面底部

Question

我的 anchor 标记从一个单独的页面到指定页面时出现问题，加载然后跳到页面底部。有解决办法吗？完整代码见链接。

jQuery

 <script>
 jQuery(document).ready(function() {

  var allPanels = jQuery('.accordion > dd').hide();

  jQuery('.accordion > dt > a').click(function( e ) {
  e.preventDefault(); // don't use return false;
  allPanels.slideUp('normal');
  jQuery(this).parent().next().slideDown('normal');
  });

  jQuery(location.hash).show();

});
</script>

http://jsbin.com/cugagoruni/edit?html,css,js,output

http://demo.xhalocigsx.com/points/#reviewpoints

Answer 1

假设目标页面是你的，尝试改变这个

<dt>
    <a name="#reviewpoints">Writing Product Reviews</a>...
</dt>

对此

<dt id="reviewpoints">
    <a href="#">Writing Product Reviews</a>...
</dt>

众所周知，命名 anchor 会导致定位问题，而在 HTML5 中，无论如何都没有用于 anchor 的 name 属性。此外，href 属性是必需的。

More info

此外，您的页面上似乎存在 jQuery 问题:

Uncaught TypeError: $(...).ready is not a function

这通常意味着 jQuery 不可用或者您与另一个库的别名冲突。

更新:您似乎在该页面中加载了至少 3 个版本的 jQuery。它们是否得到妥善处理？