我有一些HTML和jQuery,div它们会在单击链接时上下滑动以显示或隐藏它:
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()
我找不到正确的语法,只是不断出现错误
preventDefault()不是函数。
尝试类似的东西:
$('div.toggle').hide(); $('ul.product-info li a').click(function(event) { event.preventDefault(); $(this).next('div').slideToggle(200); });
这是jQuery文档中有关该页面的页面