首页 > 关于jq ready()里的函数位置问题

关于jq ready()里的函数位置问题

$(document).ready(function() {
         $('.txt').keyup(function(e) {
              if(e.keyCode==13){
                  var val = $('.txt').val();
                  $('#list ul').append('<li><img class="img" src="未选.png"><p></p><span class="close"></span></li>');
                  $('#list ul li p:last').text(val);
                  $('.txt').val('');
              }
              //liListener();位置1
         });
            //liListener();位置2
    });

这个liListener()是我append的li里边的内容的监听事件函数,不知为何放到位置1是可以的,放到位置2就不行了,按理说是reay()按顺序执行,append之后标签都有了,为什么不能执行。。。。


楼主用事件代理吧,liListenner()在2位置执行时,对与新增的dom是没有任何效果的,而在1执行是因为楼主每次添加一个然后绑定一次,因此是可以运行该函数的。

事件代理可以用$('body').on('click',"your_li",func...)

【热门文章】
【热门文章】