Добавить класс в динамически добавленный элемент

Question

У меня есть общее меню слева в отдельном файле с моих страниц, чтобы я мог обновить его в одном месте.

Я загружая его на страницу в .js файле следующим образом:

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

    ... 
} 

Я хотел бы быть в состоянии установить пункт нав-лист для страницы, чтобы выбрать. Что-то вроде этого:

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

... где #calendar это идентификатор элемента списка в левой-nav.html файл шаблона.

Все, что я читал говорит, что я должен назвать addClass как обратный вызов после того, как я загружаю в файле, но следующий, кажется, не работает:

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

    ... 
} 

Вопрос: Можно ли добавлять классы к динамически добавленному контенту на странице, и если да, то как мне это сделать? Благодаря!

Answer 1

Код верный как указано, что left-nav.html содержит элемент с идентификатором calendar.

Завершенное событие запускается после добавления HTML в DOM в соответствии с документацией jQuery.