JavaScript, не работающий на недавно добавленный innerhtml через jQuery

Question

JavaScript, не работающий на недавно добавленный innerhtml через jQuery

У меня есть следующая структура HTML

<table>
<tr>
   <div id="getData">
   </div> 
</tr>
</table>

Я использую HTML jQuery () метод для добавления динамических контентов к идентификатору отделения "getData" как:

  $('#valueResult').html(data);
    var data ="
<table><tr><td><input type="checkbox" name="test[1]" onclick="doSometing()" /> Test</tr></tr></table> 
    <table><tr><td><input type="checkbox" name="test[2]" onclick="doSometing()" /> Test</tr></tr></table> "

Но функция doSometing () никогда не выполняется ни для одного из динамично добавленных флажков. почему так?

кто-либо может выручить меня?

СПАСИБО.

1

jquery html innerhtml

задан John Hartsock 7 July 2010 в 13:48

1 ответ

Другие вопросы по тегам:

jquery html innerhtml

Похожие вопросы:

score 2 · Answer 1

Более чистым решением jQuery для подобной проблемы является использование .live () или даже лучше .delegate () .

При таком подходе вы также должны дать своему элементу ввода уникальный идентификатор и вызвать:

$(document).ready(function(){
   $('#unique_input_id').live('click', function(){
      alert('clicked');
   });
});

Ссылка: .live () ,. delegate ()