Просто поговорите о вводе в эксплуатацию событий и предотвращение пузырьков
HTML:
<ul data-type = "citypick"> <li data-id = "0"> all </li> <li data-id = "88"> Нью-Йорк </li> <li data-id = "119"> Los Angeles </li> <li data-id = "138"> las Vegas </li> <li Data-Id = "84"> Hawaii </li> <li> <li> " Франциско </li> <li Data-ID = "105"> Orlando </li> <li Data-ID = "118"> Сиэтл </li> </ul>
JS:
$ ("ul [data-type = 'citypick']"). On ('click', function () {alert ("родительский элемент ul нажимается");}); $ ("ul [data-type = 'citypick']"). On ('click', 'li', function () {alert ("Child Element li нажимается");});Нажав на конкретный элемент LI, событие UL обнаруживается, что мы не хотим видеть.
решать:
$ ("ul [data-type = 'citypick']"). On ('click', function () {alert ("родительский элемент ul нажимается");}); $ ("ul [data-type = 'citypick']"). On ('click', 'li', function (e) {e.stoppropagation (); // Остановка пузырька ("Дочерний элемент li нажимается");});Просто добавьте предложение, чтобы остановить пузырьки.