首页 > 其他 > 详细

jqery 动态添加元素 绑定事件

时间:2017-09-02 10:21:41      阅读:226      评论:0      收藏: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(); 

                   });

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

jqery 动态添加元素 绑定事件

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!