将类添加到动态添加的元素

Question

我在页面的单独文件中有一个共享的左侧菜单，以便我可以在一个地方更新它。

我将它加载到.js文件中的页面上，如下所示：

$(function () {
    $("#left-nav").load("templates/left-nav.html", function() {
        ...
    });

    ...
}

我希望能够为要选择的页面设置nav-list项目。像这样：

$("#calendar").addClass("selected");

...其中#calendar是我的left-nav.html模板文件中列表项的ID。

我读过的所有内容都说我在加载文件后必须将addClass作为回调调用，但以下情况似乎无效：

$(function () {
    $("#left-nav").load("templates/left-nav.html", function() {
        $("#calendar").addClass("selected");
    });

    ...
}

问题：是否可以在页面上添加动态添加内容的类，如果是，我该怎么做？谢谢！

Answer 1

代码在编写时是正确的，假设left-nav.html确实包含ID为calendar的元素。

根据jQuery文档将HTML添加到DOM后，将触发已完成的事件。