2017-02-22 5 views
-1

У меня есть следующий код JQuery:Target динамически добавлен элемент

$('.class-name').each(function() { 
    $(this).parent().prepend(this); 
}); 

Так таргетингом .class-name и отлично работает на странице загрузки.

Я хочу, чтобы оно также предназначалось для любых элементов , которые динамически добавляются (после загрузки страницы) с классом .class-name.

Как это сделать?

+0

Поместите этот код в функции, а затем вызвать его снова после добавления нового динамического контента - или еще лучше, включают предваряется данные в то, что вы на самом деле добавить к DOM в первом place –

+1

@RoryMcCrossan Динамически добавленные элементы добавляются сторонней функцией и происходят довольно случайным образом. –

+0

Это информация, которая жизненно важна для вашей ситуации, которая действительно должна быть в вопросе. Предоставляет ли сторонняя функция какие-либо события при добавлении контента? Если это так, вы должны называть 'prepend()' внутри этого события. Если нет, посмотрите на использование MutationObservers, хотя обратите внимание, что они не полностью поддерживаются во всех браузерах. –

ответ

0

Используйте обработчик on для динамической настройки новых элементов на странице.

$('document').on('event', '.class-name' function() { 
 
    $(this).parent().prepend(this); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

+2

Где именно вы видите обработчик событий в OPs-коде? –

+0

Я бы предположил, что OP должен был делать перенос кода в каком-то событии. – Rikin

Смежные вопросы