<a>标记上的preventDefault（）

小编典典

<a>标记上的preventDefault（）

javascript

我有一些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（）不是函数。

阅读 683

2020-05-06

共1个答案

小编典典

尝试类似的东西：

$('div.toggle').hide();
$('ul.product-info li a').click(function(event) {
    event.preventDefault();
    $(this).next('div').slideToggle(200);
});

2020-05-06