<a>标记上的preventDefault（）

• Z时代
• 2024-01-10
• 分类：问答

我有一些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);
});

以上是 <a>标记上的preventDefault（） 的全部内容， 来源链接： utcz.com/qa/424757.html