jquery正确的代码格式

Question

我对这个正确的代码感到好奇。我很高兴，如果有人能纠正这个并解释一下这个。

$('.parentmenu:nth-child(1)').addClass('on', function(){
    $(this+'ul').delay(500).slideDown();
});

我想使用与此引用相同的类元素，并添加 UL 元素来触发导航向下滑动。我想知道什么是正确的格式。

或者有没有办法缩短这段代码？提前谢谢。

Answer 1

你可以

$('ul',this).delay(500).slideDown();

或

$(this).find('ul').delay(500).slideDown();

要么应该工作。

Answer 2

我从未听说.addClass()有任何回调

这是错误的语法..

.addClass('on', function(){

也许你正在寻找这个

$('.parentmenu:nth-child(1)').find('ul').delay(500).slideDown();

Answer 3

我从来没有听说过addClass()的回调。

请改为尝试：

$('.parentmenu').first().addClass('on').find('ul').delay(500).slideDown();

Answer 4

我认为addClass不接受回调。 可读行

$('.parentmenu').addClass('on')
                .children('ul').delay(500).slideDown();

Answer 5

是的，它适用于单个但不在addClass中。所以我根据你的答案改进我的代码。

$('.parentmenu:nth-child(1)').addClass('on').find('ul').delay('500').slideDown();

这完全解决了子菜单滑动效果，并为父菜单悬停激活添加了类。

感谢您的帮助。