小编典典

标签上的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()不是函数。


阅读 413

收藏
2020-05-01

共1个答案

小编典典

尝试类似的东西:

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

这是jQuery文档中有关该页面的页面

2020-05-01