新手常常会出现给动态添加的元素绑定on事件时会没有效果,这是因为on之前的元素也应该在页面加载后就存在,如:
<ul class="selected">
<li>
<span>苹果</span>
<i class="close"></i>
</li>
<li>
<span>香蕉</span>
<i class="close"></i>
</li>
</ul>
// 正确
$('.selected').on('click','li>i',function() {
$(this).parent().remove();
});
// 错误
// $('.selected>li').on('click','i',function() {
// $(this).parent().remove();
// });