我有一些 HTML 和 jQuery，div可以在单击链接时上下滑动以显示或隐藏它：
<ul class="product-info">
<li>
<a href="#">YOU CLICK THIS TO SHOW/HIDE</a>
<div class="toggle">
<p>CONTENT TO SHOW/HIDE</p>
</div>
</li>
</ul>
$('div.toggle').hide();
$('ul.product-info li a').click(function(event){
$(this).next('div').slideToggle(200);
}
我的问题是：如何preventDefault()停止将链接用作链接并在 URL 末尾添加“#”并跳转到页面顶部？
我无法弄清楚正确的语法，我只是不断收到错误消息
preventDefault() 不是函数。
尝试类似：
$('div.toggle').hide();
$('ul.product-info li a').click(function(event) {
event.preventDefault();
$(this).next('div').slideToggle(200);
});
这是jQuery 文档中关于此的页面
将href属性设置为href="javascript:;"
<ul class="product-info">
<li>
<a href="javascript:;">YOU CLICK THIS TO SHOW/HIDE</a>
<div class="toggle">
<p>CONTENT TO SHOW/HIDE</p>
</div>
</li>
</ul>
建议您不要使用return false，因为结果会发生 3 件事：
所以在这种情况下，你真的应该只使用 event.preventDefault();
1 - 简单的方法：
<a href="javascript:;">Click Me</a>
2 - 使用 void(0)：
<a href="javascript:void(0);">Click Me</a>
3 - 使用preventDefault()：
<a href='#' onclick="event.preventDefault()">Click Me</a>
4 -然而，用在Javascript中这样做的另一种方式inline onclick，IIFE，event和preventDefault()：
<a href='#' onclick="(function(e){e.preventDefault();})(event)">Click Me</a>
或者，您可以从单击事件中返回 false：
$('div.toggle').hide();
$('ul.product-info li a').click(function(event){
$(this).next('div').slideToggle(200);
+ return false;
});
这将阻止触发 A-Href。
但是请注意，出于可用性原因，在理想的世界中，对于想要在新选项卡中打开链接的人来说，href 仍然应该放在某个地方；)