jquery动态渲染后事件失效

        原因：动态渲染的元素，一般是ajax异步请求响应后根据得到的数据生成的，并且ajax技术是异步执行的；ajax请求发送时，ajax请求获得响应需要时间，而此时我们的 jquery对象添加事件的代码并不会等待ajax请求响应返回，而是继续执行；但是此时因为ajax还未获得请求响应，动态元素还未生成；所以jquery对象事件添加会失效。

// 最初的写法

$('.price span:eq(1)').click(function(){
            alert(123);
})



// 解决后的写法（on前面的范围越小越好）
// 语法为：父选择器.on("事件类型",子选择器,function(){});

$('main').on('click', '.price span:eq(1)' ,function(){
            alert(123)
})



// 注意：这样写也是不可以的

$('.price span:eq(1)').on('click', function(){
    alert(123);
});