相关疑难解决方法(0)

如何防止点击"#"链接跳转到页面顶部?

我目前正在使用<a>带有jQuery的标签来启动点击事件等.

例子是 <a href="#" class="someclass">Text</a>

但是我讨厌'#'如何使页面跳到页面顶部.我该怎么做?

html javascript jquery

197
推荐指数
10
解决办法
20万
查看次数

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

jQuery超链接 - href值?文本] [1]

我正在使用jquery和附加到锚元素的click事件来解决问题.[1]:jQuery超链接 - href值?"这个"问题似乎是重复的,接受的答案似乎并没有解决问题.对不起,如果这是不礼貌的礼仪.

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

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

我的主播看起来像这样:

<a href="#" id="id_of_anchor"> link text </a> 
Run Code Online (Sandbox Code Playgroud)

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

我试过添加:

event.preventDefault(); 
Run Code Online (Sandbox Code Playgroud)

在调用我执行ajax的函数之前,但这没有帮助.我错过了什么?

澄清

我已经使用了每一种组合

return false;
event.preventDefault(); 
event.stopPropagation();
Run Code Online (Sandbox Code Playgroud)

在我调用js ajax函数之前和之后.它仍然滚动到顶部.

ajax anchor jquery scroll click

18
推荐指数
3
解决办法
3万
查看次数

标签 统计

jquery ×2

ajax ×1

anchor ×1

click ×1

html ×1

javascript ×1

scroll ×1