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

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

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

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

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

我的锚看起来像这样:

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

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

我试过添加

event.preventDefault();

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

澄清

我使用了每一个组合

return false;
event.preventDefault(); 
event.stopPropagation();

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

解决方法

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

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

jQuery("#id_of_anchor").click(function() {
    Function_that_does_ajax();
    return false;
});

编辑

Here is an example of this working

两个链接使用这个代码

$('#test').click(function(event) {
    event.preventDefault();
    $(this).html('and I didnt scroll to the top!');
});

$('#test2').click(function(event) {
    $(this).html('and I didnt scroll to the top!');
    return false;
});

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

原文链接:https://www.f2er.com/jquery/181963.html

猜你在找的jQuery相关文章