Parlez simplement de la mise en service des événements et de la prévention des bulles
HTML:
<ul data-type = "citypick"> <li data-id = "0"> all </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"> hawaii </li> <li> <li data-id = "84"> hawaii </ li> Francisco </li> <li data-id = "105"> Orlando </li> <li data-id = "118"> Seattle </li> </ul>
JS:
$ ("ul [data-type = 'CityPick']"). sur ('click', function () {alert ("élément parent ul est cliqué");}); $ ("ul [data-type = 'cityPick']"). sur ('cliquez', 'li', function () {alert ("L'élément enfant li est cliqué");});Lorsque vous cliquez sur l'élément LI spécifique, l'événement de UL est déclenché, ce que nous ne voulons pas voir.
résoudre:
$ ("ul [data-type = 'CityPick']"). sur ('click', function () {alert ("élément parent ul est cliqué");}); $ ("ul [data-type = 'citypick']"). sur ('click', 'li', function (e) {e.stoppropagation (); // stop bubble alert ("L'élément enfant li est cliqué");});Ajoutez simplement une phrase pour arrêter les bulles.