链接忽略jquery以显示子导航

Question

我创建了一个带有链接的菜单，当您单击它时，它会显示一个子导航。这适用于所有浏览器吧Firefox。

点击链接后，它实际上会转到页面而不是弹出子导航。这是我的jquery：

<script type="text/javascript">
jQuery(function($) {
$(document).ready(function() {    

    $('.expander').click(function() {
        event.preventDefault();
        $(this).next('.expanded').first().toggle();
    });  

});
});
</script>

任何想法都是为什么会这样做？

Answer 1

您的event undefined声明它的功能如下： -

 $('.expander').click(function(event) { //here
    event.preventDefault();
    $(this).next('.expanded').first().toggle();
});  

如果您使用的是jQuery(function($) {，则不需要$(document).ready(function() {，您应将其删除。