Javascript 阻止哈希锚点滚动

这是我的代码，当我点击链接时，页面向下滚动到#calculate所在的位置，这是可以理解的。但我需要它不要滚动

---

我可以删除href的值，是否有任何方法可以阻止它滚动而不删除值#计算且不更改id名称？

您可以将函数绑定到click事件并使其返回false

 <li> <a href="#calculate">Calculate</a></li>
 <li> <a href="#calculate1">Calculate1</a></li>
 <li> <a href="#calculate2">Calculate2</a></li>

---

您可以将函数绑定到click事件，并使其返回false

 <li> <a href="#calculate">Calculate</a></li>
 <li> <a href="#calculate1">Calculate1</a></li>
 <li> <a href="#calculate2">Calculate2</a></li>

---

只需阻止链接的默认操作即可

$("a").click(function() { return false; });

'li>a[href^=#calculate]

选择一个

a

元素，其href属性以

#calculate

开头，该元素是

li

元素的子元素

---

只需阻止链接的默认操作即可

$("a").click(function() { return false; });

'li>a[href^=#calculate]

选择一个

a

元素，其href属性以

#calculate

开头，该元素是

li

元素的子元素

阅读有关

这里，

'li>a[href*=calculate]

将选择那些锚定标记，这些锚定标记是

li

的直接（第一级）子项，并且在其

href

属性中包含

计算

单词

阅读有关

这里，

'li>a[href*=calculate]

将选择那些锚定标记，这些锚定标记是

li

的直接（一级）子项，并且在其

href

属性中包含

计算
单词。

在现代jQuery版本中：

$('li > a[href*=calculate]').on('click', function(e) {
  e.preventDefault(); // this will prevent the page scroll

  // continue other code

});

$('a').on('click', function(e) {
  e.preventDefault();
});

其他jQuery版本：

$('li > a[href*=calculate]').on('click', function(e) {
  e.preventDefault(); // this will prevent the page scroll

  // continue other code

});

$('a').on('click', function(e) {
  e.preventDefault();
});


在现代jQuery版本中：

$('li > a[href*=calculate]').on('click', function(e) {
  e.preventDefault(); // this will prevent the page scroll

  // continue other code

});

$('a').on('click', function(e) {
  e.preventDefault();
});

其他jQuery版本：

$('li > a[href*=calculate]').on('click', function(e) {
  e.preventDefault(); // this will prevent the page scroll

  // continue other code

});

$('a').on('click', function(e) {
  e.preventDefault();
});

您的选择器错误，
~
用于在属性中的项的空格分隔列表中选择一个，您需要的是
*
您的选择器错误，
~
用于在属性中的项的空格分隔列表中选择一个，您需要的是
*