jqery 动态添加元素 绑定事件

标签：ide   click   end   bsp   1.7   fun   pos   方案   .ajax   

　　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‘动态添加的元素

jqery 动态添加元素 绑定事件

标签：ide   click   end   bsp   1.7   fun   pos   方案   .ajax   

原文地址：http://www.cnblogs.com/lijingyulee/p/7465821.html