jquery - 为什么子链接不起作用？

Question

我对 slideDown 菜单中的链接有疑问。

为什么链接不可点击？

你可以在这里看到:JSFiddle

我的 jQuery 代码是:

$('.links').hide();
$('.header a').click(function(e) {
    $(this).next('.links').slideToggle('normal');
    e.preventDefault();
});

Answer 1

您的选择器 .header a 将影响包含在 .header 中的所有 anchor ，这是您不想要的。您只想在单击作为 .header 的直接子项的 anchor 时 toggle()。

$('.header > a').click(function(e) {
    e.preventDefault();
    $(this).next('.links').slideToggle('normal');
});