javascript - 关于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...)

这篇关于javascript - 关于jq ready()里的函数位置问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！