jquery动态添加节点使事件失效

1.事件绑定在append之前时，会出现绑定事件失效。
 //创建麦子
    function createMaizi() {
        var str='';
        for(var i=0;i<num;i++){
            str+="<div class='maizi' index="+i+"></div>";
        }
        $('#changWeather').append(str);
    }
2.  解决方法：使用on绑定事件，给此动态节点的父元素(非动态节点)绑定。
即：$("父元素").on("事件",“动态子元素”,function(){
执行函数;
})


   //收麦子
    $('#changWeather').on('click','.maizi',function () {
        var index=$(this).attr("index");
        $(".maizi")[index].remove();
        for(var i=index;i< $(".maizi").length;i++){
            $('.maizi').eq(i).attr("index",parseInt( $('.maizi').eq(i).attr("index"))-1);
        }
        amount--;
        count++;
    });