Ada dua metode di jquery yang dapat digunakan untuk mengikat objek DOM yang ditambahkan secara otomatis, yaitu live dan delegasi. Faktanya, kedua metode ini merupakan varian dari metode pengikatan. Saat menangani objek DOM tetap, kita biasanya menggunakan Just bind is cukup, tetapi untuk objek DOM yang dihasilkan secara dinamis oleh objek, tidak ada yang dapat Anda lakukan menggunakan bind Saat ini, live dan delegasi ikut berperan, haha.
Metode live digunakan untuk mengikat objek tertentu (dari tipe tertentu) dan mengikat metode ke objek tersebut.
Copy kode kodenya sebagai berikut:
//hidup
$("td").live("klik", fungsi () {
peringatan($(ini).html());
});
//Berikut ini juga mungkin$("#list td").live("klik", function () {
peringatan($(ini).html());
});
Metode delegasi digunakan untuk mengikat sub-objek ke dalam objek tertentu (tipe tertentu) dan mengikat metode ke sub-objek (mendelegasikan sub-objek agar sub-objek memiliki metode tertentu, haha)
Copy kode kodenya sebagai berikut:
$("#list").delegate("td", "klik", function () {
peringatan($(ini).html());
});
Kode DEMO yang sudah selesai di bawah ini:
Copy kode kodenya sebagai berikut:
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<kepala>
<meta charset="utf-8" />
<judul></judul>
<skrip src="jquery.js" type="teks/javascript"></skrip>
<skrip id="listTemplate" type="text/html">
<tr>
<td>[ID Pengguna]</td>
<td>[UserImg]</td>
<td>[Nama Pengguna]</td>
</tr>
</skrip>
<skrip tipe="teks/javascript">
var reg = new RegExp("//[([^//[//]]*?)//]", 'igm'); //igm mengacu pada penentuan pencocokan case-sensitive dan pencocokan global yang masing-masing Cocok dengan beberapa baris .
$(fungsi () {
//hidup
$("#daftar td").live("klik", fungsi () {
peringatan($(ini).html());
});
$("#addFun").klik(fungsi () {
var html = document.getElementById("listTemplate").innerHTML;
var source = html.replace(reg, function (node, kunci) { return { 'UserImg': '1', 'UserName': 'zhang', 'UserID': '1' }[key]; });
$("#list").append(sumber);
});
});
</skrip>
</kepala>
<tubuh>
<div id="komentar_ul_2">
</div>
<input type="button" id="addFun" value="klik saya" />
<tabel id="daftar">
<tubuh>
</tbody>
</tabel>
</tubuh>
</html>