Cukup bicarakan tentang commissioning acara dan mencegah gelembung
html:
<ul data-type = "citypick"> <li data-id = "0"> semua </li> <li data-id = "88"> New York </li> <li data-id = "119"> Los Angeles </li> <Li Data-ID = "138"> LAS VEGAS </li> <Li Data-ID = "84"> HABAI "> HABAI </LI> </LI> </Li DATA-ID =" 84 "> HABAI"> HAWAI </LI> </LI> <Li DATA-ID = "84"> HAWAI "> HAWAI </LI> </LI> </Li DATA-ID =" 84 ">" Francisco </li> <li data-id = "105"> orlando </li> <li data-id = "118"> Seattle </li> </ul>
JS:
$ ("UL [data-type = 'CityPick']"). on ('click', function () {alert ("Elemen induk UL diklik");}); $ ("UL [data-type = 'CityPick']"). on ('click', 'li', function () {alert ("Child Element Li diklik");});Saat mengklik elemen LI tertentu, peristiwa UL ditemukan dipicu, yang merupakan sesuatu yang tidak ingin kita lihat.
menyelesaikan:
$ ("UL [data-type = 'CityPick']"). on ('click', function () {alert ("Elemen induk UL diklik");}); $ ("UL [tipe data = 'CityPick']"). on ('click', 'li', function (e) {e.stoppropagation (); // hentikan peringatan gelembung ("elemen anak li diklik");});Cukup tambahkan kalimat untuk menghentikan gelembung.