Как добавить класс к объекту разметки после ее подгрузки через ajax?

Question

[Григорий Вашкевич]

Суть проблемы состоит в том, что у меня не получается обратиться к объекту разметки сразу после того, как он был загружен при помощи ajax. Мне нужно просто добавить класс к выбираемому объекту, как только его разметка подгрузится на страницу.

Comments

[Никита Баев]

Можете показать свой код?

Answer 1

[Кирилл Арутюнов]

Функцию on используй. Она применяется и к новым элементам.
Подробнее читай в доках jQuery: https://api.jquery.com/on/

Comments

[Виталий Киренков]

@SOKOJI Добавлять класс! Функция .addClass(). Какой on?!

[Кирилл Арутюнов]

@DeLaVega например после загрузки контента по ajax кидаем триггер и слушаем это событие в on
Мне как-то надо было слушать событие клика на новых элементах, которые генерировались по данным с сервера и функция on выручила. Простой click не обрабатывал события на новых элементах.

[Григорий Вашкевич]

@SOKOJI
$('#add-color').on('load', function () {
//initialize the javascript
$(this).addClass('md-show');
});
Работает. Спасибо

Answer 2

[Григорий Вашкевич]

@drugoi
Разметка страницы:

...
<div id="modalView"></div>
...

<script type="text/javascript">
 $('#add-color').ready(function () {
        $(this).addClass('md-show');
});
</script>

Разметка, подгружаемая предыдущий div при ajax запросе:

<div class="md-modal colored-header custom-width md-effect-9" id="add-color">
    <div class="md-content">
        ...
    </div>
  </div>

Answer 3

[Виталий Киренков]

У вас вообще не правильно js организован...

Когда вы делаете запрос, то у вас должно быть что то такого вида

$.ajax({
  url: "test.html",
  cache: false,
  success: function(html){

  }
});

Обратите внимание на success. Вот там внутри вы и должны довешивать класс на пришедший хтмл. Правда не понимаю зачем, но делать это следует так и там.

Comments

[Григорий Вашкевич]

Я программирую на asp.net mvc. Там в объекте AjaxOption есть только свойство OnSuccess. И js код, который туда передается вызывается еще до подгрузки разметку на страницу.