jqery 动态添加元素 绑定事件

js 动态添加元素 绑定事件

　　jQuery动态添加元素：

　　　　　　　　var url = "...";//服务地址

                            $.ajax({

                                     type: \'post\',

                                     url: url,

                                     data:{fireId:fireId},

                                     success: function(data){

                                               for(var i = 0; i < data.data.length; i++){

                                                        var obj = data.data[i];

                                                        var temp = \'<div class="div_stage"><span class="span_stage">\' + obj.stage

                                                        + \'</span><span class="stageBtn">保存</span><span class="stageBtn">删除</span>\';

                                                        $(\'#tabBtn\').append(temp);//动态添加元素

                                               }

                                     }

                            });

　　动态添加元素绑定事件：

　　解决方案：jQuery> 1.7.0使用 .on() 事件绑定方法

　　$(\'#tabBtn\').on(\'click\', \'.span_stage\', function(){ 

                            $(\'#draw\').show();

                            $(\'#draw\').siblings().hide(); 

                   });

$(\'#tabBtn\')父类元素，click绑定的事件，\'.span_stage\'动态添加的元素