В jquery есть два метода, которые можно использовать для привязки автоматически добавляемых объектов DOM. Они являются живыми и делегированными. Фактически, эти два метода являются вариантом метода привязки. При работе с фиксированными объектами DOM мы обычно используем Justbind is. достаточно, но для объектов DOM, динамически создаваемых объектами, с помощью привязки ничего не поделаешь. В этот момент в игру вступают live и делегирование, ха-ха.
Живой метод используется для привязки определенного объекта (определенного типа) и привязки к ним методов.
Скопируйте код кода следующим образом:
//жить
$("td").live("click", function () {
предупреждение($(это).html());
});
//Также возможно следующее$("#list td").live("click", function () {
предупреждение($(это).html());
});
Метод делегата используется для привязки подобъектов к определенному объекту (определенного типа) и привязки методов к подобъекту (делегируйте подобъект, чтобы у подобъекта был определенный метод, ха-ха)
Скопируйте код кода следующим образом:
$("#list").delegate("td", "click", function () {
предупреждение($(это).html());
});
Завершенный код ДЕМО ниже:
Скопируйте код кода следующим образом:
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<голова>
<meta charset="utf-8" />
<title></title>
<script src="jquery.js" type="text/javascript"></script>
<script id="listTemplate" type="text/html">
<тр>
<td>[ID пользователя]</td>
<td>[UserImg]</td>
<td>[Имя пользователя]</td>
</tr>
</скрипт>
<тип сценария="текст/javascript">
var reg = new RegExp("//[([^//[//]]*?)//]", 'igm'); //igm относится к указанию соответствия с учетом регистра и глобального соответствия соответственно. Соответствует нескольким строкам. .
$(функция () {
//жить
$("#list td").live("click", function () {
предупреждение($(это).html());
});
$("#addFun").click(function () {
вар html = document.getElementById("listTemplate").innerHTML;
var source = html.replace(reg, function (node, key) { return { 'UserImg': '1', 'UserName': 'zhang', 'UserID': '1' }[key]; });
$("#list").append(источник);
});
});
</скрипт>
</голова>
<тело>
<div id="comment_ul_2">
</div>
<input type="button" id="addFun" value="нажмите меня" />
<идентификатор таблицы="список">
<тело>
</tbody>
</таблица>
</тело>
</html>