jquery点击锚元素力滚动到顶部?

前端之家收集整理的这篇文章主要介绍了jquery点击锚元素力滚动到顶部?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
jQuery hyperlinks – href value?文字] [1]

我正在使用jQuery和一个锚点元素附加的点击事件来运行一个问题。
[1]:jQuery hyperlinks – href value?“这个”这个问题似乎是重复的,接受的答案似乎不能解决问题。对不起,如果这是坏的礼节。

在我的.ready()函数中我有:

  1. jQuery("#id_of_anchor").click(function(event) { //start function when any update link is clicked
  2. Function_that_does_ajax();
  3. });

我的锚看起来像这样:

  1. <a href="#" id="id_of_anchor"> link text </a>

但是当点击链接时,根据需要执行ajax功能,但浏览器滚动到页面顶部。不好。

我试过添加

  1. event.preventDefault();

之前调用我的功能做ajax,但这没有帮助。
我失踪了什么

澄清

我使用了每一个组合

  1. return false;
  2. event.preventDefault();
  3. event.stopPropagation();

之前和之后我打电话给我的js ajax函数。它仍然滚动到顶部。

解决方法

这应该有效,你能澄清你以前的意思吗?你在做这个吗
  1. jQuery("#id_of_anchor").click(function(event) {
  2. event.preventDefault();
  3. Function_that_does_ajax();
  4. });

因为这应该在某种意义上起作用,如果它不工作,你会做错事,我们需要看更多的代码。但是,为了完整起见,您还可以尝试:

  1. jQuery("#id_of_anchor").click(function() {
  2. Function_that_does_ajax();
  3. return false;
  4. });

编辑

Here is an example of this working

两个链接使用这个代码

  1. $('#test').click(function(event) {
  2. event.preventDefault();
  3. $(this).html('and I didnt scroll to the top!');
  4. });
  5.  
  6. $('#test2').click(function(event) {
  7. $(this).html('and I didnt scroll to the top!');
  8. return false;
  9. });

而且你可以看到他们工作很好。

猜你在找的jQuery相关文章