如何处理动态填充的ul的li的点击事件？

Question

我正在使用授权系统.我有四个无序列表.我们将它们命名为list1,list2,list3和list4.其中两个是关于国家的,另外两个是关于城市的.list1包含所有国家/地区.list2包含一名员工的所有可用国家/地区.用户正在将一个国家/地区从list1移动到list2.当用户点击list2时,我可以处理该事件,并且我使用jquery将此国家/地区的城市填充到list3.该城市列表来自aspx网页.我想处理list4的click事件.list4包含员工的所有可用城市.我写了那些台词.

$('#clist2 li').click(function() {
    alert('test');
});

但我没有看到警报.如何处理list4的click事件？

Answer 1

你可以.delegate()在这里使用,像这样:

$('#clist2').delegate('li', 'click', function() {
    alert('test');
});

$('#clist2 li')得到所有的<li>内部元件#clist2 在那个时候,代替可以绑定到一个处理程序#clist2直接其侦听click从任何事件<li>元件(存在或以后添加,它们的事件泡沫以同样的方式),以冒泡.