ببساطة تحدث عن تكليف الأحداث ومنع الفقاعات
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" Francisco </li> <li data-id = "105"> Orlando </li> <li data-id = "118"> Seattle </li> </ul>
JS:
$ ("ul [data-type = 'citypick']"). on ('click' ، function () {Alert ("element ul plicked") ؛}) ؛ $ ("ul [data-type = 'citypick']). on ('click' ، 'li' ، function () {alert (" child element li تم النقر عليه ") ؛}) ؛عند النقر على عنصر LI المحدد ، تم العثور على حدث UL ليتم تشغيله ، وهذا شيء لا نريد رؤيته.
يحل:
$ ("ul [data-type = 'citypick']"). on ('click' ، function () {Alert ("element ul plicked") ؛}) ؛ $ ("ul [data-type = 'citypick']"). on ('click' ، 'li' ، function (e) {فقط أضف جملة لوقف الفقاعات.