jQuery селектор работает отлично при использовании .change(), но не очень хорошо при использовании .live ('change')

Question

У меня странная проблема, где мой код;

$('input[name=attachment\\[\\]').change(function(e) { 
    alert("test"); 
}); 

работает отлично, он будет оповещать «тест», но это работает только для первого из моих полей ввода есть кнопка [добавить несколько вложений], который добавляет дополнительные поля ввода после загрузки страницы, так Я не могу использовать .Кнопку() для этого мне нужно использовать .live («изменение», функ .... вместо

Когда я использую этот код;.

$('input[name=attachment\\[\\]').live('change', function(e) { 
alert("test"); 
}); 

это уже не работает, я получаю эту синтаксическую ошибку;

Uncaught Error: Syntax error, unrecognized expression: input[name=attachment\[\] 

Спасибо за любую помощь. :)

Answer 1

Выражение неверно. Вам не хватает закрывающей скобки для селектора атрибутов.

$('input[name=attachment\\[\\]]') 

Вы также можете использовать

$('input[name="attachment[]"]') 
//or 
$('input[name^=attachment]') 

Вместо .live вы, вероятно, следует использовать .on, как:

$(document).on("change", "input[name^=attachment]", function() { 

Answer 2

Если у вас есть динамические элементы, которые вы хотите прикрепить обработчики, вам нужно использовать on() делегата на родительский элемент:

$(document).on('change','input[name=attachment\\[\\]',function(e) { 
    alert("test"); 
}); 

PS: Я до сих пор путают о \\, но это должен по крайней мере дать вам в правильном направлении.