当前位置: 首页 > 面试题库 >

如何防止点击“#”链接跳至页面顶部?

司马彬
2023-03-14
问题内容

我目前<a>在jQuery中使用标签来启动点击事件等。

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

但是我讨厌’#’如何使页面跳到页面顶部。我该怎么办呢?


问题答案:

在jQuery中,当您处理click事件时, 返回false可阻止链接以通常的方式响应
阻止发生默认操作(访问href属性):

$('a.someclass').click(function(e)
{
    // Special stuff to do when this link is clicked...

    // Cancel the default action
    e.preventDefault();
});


 类似资料:
  • 问题内容: 我的页面上有一些问题和答案,答案默认为折叠。当他们单击问题时,我将展开隐藏的answer- div。问题是,当我单击这些问题时,窗口跳到屏幕顶部。这不是一个大问题,但是我觉得很烦,因为我必须再次向下滚动到该问题。 链接看起来像这样: 而且我已经使用jQuery和作为事件监听器。 有什么简单的方法可以避免这种情况,还是我必须使用并找到问题的坐标?我宁愿避免这种情况。 编辑:我知道我可以使

  • 我有以下HTML+js代码: 您能解释一下如何重构以下代码,在单击href code后执行,但#不添加到URL并且页面不应该重新加载的代码吗?

  • 由于我不能再使用复选框技巧,我不得不使用

  • 问题内容: 当我有一个链接到jQuery或JavaScript事件的链接时,例如: 如何防止页面滚动到顶部?当我从锚点移除href属性时,页面不会滚动到顶部,但链接似乎不可点击。 问题答案: 您需要防止发生click事件的默认操作(即,导航到链接目标)。 有两种方法可以做到这一点。 选项1: 调用传递给处理程序的事件对象的方法。如果您使用jQuery绑定处理程序,则该事件将是的实例,并且将是的jQ

  • 我有一个带有面板导航的jQuery移动页面。最后两个元素是可折叠的,带有更多菜单项。展开或折叠这些选项会导致页面跳转到顶部,用户必须再次向下滚动以选择显示的条目之一。 我试图通过执行在可折叠div的click事件中,但页面仍跳到顶部。 有人知道如何防止这种情况吗? 提前感谢。 我的HTML: 自定义CSS:

  • 本文向大家介绍jquery实现点击页面回到顶部,包括了jquery实现点击页面回到顶部的使用技巧和注意事项,需要的朋友参考一下 a)下面看看实现,实现很简单,通过JQ判断滚动条向下滚动的长度大于多少时显示【回到顶部+回到首页】的图标(换一种理解:滚动条顶端距离页面顶部的距离),另外一种实现方法,就是通过锚标记,很好理解,就是标记一个位置,事件激活时,给我回到这个位置 b)JQ判断滚动条向下滚动的长