Добавляйте стили к динамически добавляемым элементам с помощью jQuery

Question

вот демо

http://lufi.realservers.info/demos/add_forms_dynamically/

, когда я добавляю другой элемент (поля ввода), я не могу удалить выделенные курсивом серые метки внутри, в отличие от первых полей ввода.Кроме того, они исчезают, только если я щелкаю первый набор полей ввода.

Существуют ли другие способы добавления стилей для динамически добавляемых элементов?

Answer 1

Помимо использования live для ваших событий (которые будут применяться к вещам, которых еще нет в dom, но которые будут добавлять события, когда они будут добавлены), вы также можете изменить свою функцию, которая удаляет текст из ввода, потому что в данный моментон просто удалит все, что, вероятно, не то, что вы хотите.

Вместо:

$('.inbox').css('color','black');
$('.inbox').css('font-style','normal');
$('.inbox').val('');

Попробуйте

$(this).css({'color': 'black', 'font-style': 'normal'}).val('');

Answer 2

Вы также можете перейти на jQuery.delegate()

Answer 3

Можно применить метод live(), чтобы применить его к динамически добавляемому элементу.