javascript - 关于jq ready()里的函数位置问题
本文介绍了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屋!
查看全文