页面下拉加载标签的方法绑定

来源:互联网 发布:仿真软件proteus出错 编辑:程序博客网 时间:2024/05/18 14:23

比如 :我们现在有一个<ul></ul>里面有一些数据<li></li>需要利用ajax和js来动态加载,但是我们写好的方法这时候失效的。

现在我们要解决的就是怎样给每一个<li>绑定方法:

1.很笨的方法就是每个<li>循环添加id,然后来操作id。当然这不是我们想要的。

2.利用 target

比如:

页面中代码:

<ul class="activeLoad">      <li class="comment-details">            <p class="user-name">${nickName}</p>      </li></ul>
ajax代码:
$.ajax({    url: "你的地址",    method: "post",    dataType: "json",    success: function (data) {            for (var i = 0; i < data.list.length; i++) {                var ht = '<li class="comment-details">' +                    '<p class="user-name">' + data.list[i].nickName + '</p>' +                    '</li>'                $('#span').before(ht);            }        }    }})
接下来就是绑定方法的代码了:
$('#activeLoad').on('click', function (event) {    var $obj = $(event.target);
console.log($obj.attr('class'));
下面实现自己的方法就可以了。
})

0 0
原创粉丝点击