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

Question

我的幻灯片菜单中的链接有问题。

为什么链接无法点击？

您可以在这里看到: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');
});