javascript - 防止散列作为 anchor

标签 javascript jquery html css

我有一个 jQuery 菜单,它是这样构建的:

<h3 id='300' rel='default.aspx?PageID=300#300'>Item0</h3>
<h3 id='301' rel='default.aspx?PageID=301#301'>Item1</h3>
<h3 id='302' rel='default.aspx?PageID=302#302'>Item2</h3>

问题在于它会触发 anchor 功能并使 页面跳转/向下滚动到单击的菜单点。

我该如何防止这种情况发生?

最好的问候。

最佳答案

您听说过链接吗?它们是 HTML 中非常棒的东西。

无论如何,一旦您将每个更改为:

<h3 id='300'><a href='default.aspx?PageID=300#300'>Item0</a></h3>

然后只需在点击处理程序的末尾添加 return false; 即可覆盖该功能。

在实际页面上,然后确保没有 ID 为 300 的任何内容。它无论如何都不是有效 ID,所以无论如何都不应该有任何 ID。

关于javascript - 防止散列作为 anchor ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11259239/

相关文章:

javascript - "virtual"dom 操作?

javascript - Jquery 复选框更改事件未触发

javascript - 如何用 Jquery/JS 交换 2 @Html.DropDownListFor

java - t.page 上的 Freemarker utf-8 编码问题

javascript - 绑定(bind)到 vue v-model 的 bootstrap-datepicker 在失去焦点时恢复到之前的数据

javascript - TypeError : fn is not a function. module.exports 中两个函数之间的差异

javascript - 使用 AJAX 调用进行 jQuery 卸载在 Chrome 中不起作用

javascript - ForEach 列表 knockout 以显示在不同的 div 中,可能吗?

javascript - 使用 javascript 从 iPhone/Android 相机捕获照片

javascript - 打破 Flash 焦点的最安全方法?