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

时间:2014-11-12 20:52:18

标签: javascript jquery dynamic addclass dynamic-content

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

我将它加载到.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");
    });

    ...
}

问题:是否可以在页面上添加动态添加内容的类,如果是,我该怎么做?谢谢!

1 个答案:

答案 0 :(得分:1)

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

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