简单地说事件委托和停止冒泡

Html:



整体
纽约
洛杉矶
拉斯维加斯
夏威夷
三藩
罗兰多
西雅图



Js:


$(UL {数据类型= 'citypick}),(听到咔哒声,函数(){)
警报(父元素UL已单击);
});
$(UL {数据类型= 'citypick}),(点击'李',功能()){
警报(子元素李点击);
});


当您单击特定的LI元素时,发现UL的事件也被触发,我们不想看到它。

解决uff1a


$(UL {数据类型= 'citypick}),(听到咔哒声,函数(){)
警报(父元素UL已单击);
});
$(UL {数据类型= 'citypick}),(点击'李',功能(e){)
(e.stoppropagation); / /停止泡沫
警报(子元素李点击);
});


加一句话防止泡沫。