jqery 动态添加元素绑定事件

最新推荐文章于 2022-10-29 21:13:49 发布

宇意

最新推荐文章于 2022-10-29 21:13:49 发布

阅读量92

点赞数

分类专栏： # js

本文链接：https://blog.csdn.net/u010992900/article/details/103275247

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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(); 

                   });