Javascript .addClass未在页面加载时添加类

这是我的密码：

jQuery(function($){
    // ADD CLASS ON LOAD FUNCTION SHOULD WORK HERE

    (function(){
      $('.block-layered-nav dt').addClass('closed');
    });

    $(".block-layered-nav dt").click(function(){
        if($(this).next("dd").css("display") == "none"){
            $(this).next("dd").slideDown(200);
            $(this).removeClass("closed");
        } else {
            $(this).next("dd").slideUp(200);
            $(this).addClass("closed");
        }
    });
});

有人能注意到这有什么明显的问题吗

第一个函数应该将类“closed”添加到

dt

元素中，但是页面加载时不是这种情况

---

另一个代码只是简单地切换类，这很正常。

您只定义了一个匿名函数，但从未调用它：

(function(){
    $('.block-layered-nav dt').addClass('closed');
});

只需将上述内容更改为：

$('.block-layered-nav dt').addClass('closed');

为什么不干脆写呢

$('.block-layered-nav dt').addClass('closed');

---

要添加类吗？为什么要使用自包含函数（顺便说一句，不要调用）

尝试调用您的函数。。。例如在第四行之后添加

（）

。或者去掉第三行，为什么不将类作为属性添加到html中？class=“已关闭”