2013-12-19 3 views
0

Я пытаюсь подключить событие с изменением к входу, которое я вставляю динамически. HMTL начинается так:jQuery Событие Делегирование для ввода текста при изменении

<div id="myDiv"></div> 

Затем получить HTML впрыскивается в него, когда страница активна (она загружается через AJAX поэтому вместо onReady использует функцию успеха):

$("#myDiv").html('<table><tr><td><input type="text" class="myInput"></td></tr></table>'); 

в заказ присоединить обработчик события OnChange к этому, у меня есть связывание следующего события события делегации в onReady ДоПа:

$("#myDiv").on('change', 'input.myInput', function(){ alert($(this).attr('id')); }) 

есть ли что-то я делаю неправильно, это событие никогда не сработало.

ответ

0
$("body").on('change', '.myinput', function(){ alert($(this).attr('id')); }); 

Попробуйте следующее: http://jsfiddle.net/h7wyS/. Получите перемены ввода ... не измените свой «div».

+0

это должно быть ближе, но все равно не работает. Есть что-то, о чем я не думал, div, #myDiv, создается внутри модального диалога, заполненного через ajax, а затем при успехе div, заполненном javascript. Таким образом, прикрепление к телу было определенно шагом в правильном направлении. Однако это не сработало. –

3

Javascript с учетом регистра, ваше имя класса: myinput, но вы слушаете на myInput, измените тот или другой.

+0

исправлено сейчас, спасибо. –

0

Пара считает, что вы используете случай верблюда во второй строке, который должен быть фактически «myinput». И этот элемент не имеет идентификатора, поэтому вы можете добавить id, иначе вы получите неопределенное в поле предупреждения.

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