Question

一个关于jQuery ul元素 on方法的双向绑定的问题，给ul追加li元素后，li的点击事件丢了，以下是我的代码，

<div class="add-div"></div>
<ul class="ul-list">
<li>
<div class="div-tt">111111</div>
</li>
<li>
<div class="div-tt">222222</div>
</li>
</ul>
<script src="jquery.mobile-1.4.5.min.js"></script>
<script src="jquery.min.js"></script>
<script>
$('.add-div').on('click', function () {
$('.ul-list').append("<li><div class='div-tt'>333333</div></li>");
});
$('.div-tt').on('click', function () {
alert($(this).html());
});
</script>

Answer 1

你这样新生成的li不会被绑定的

把这个

$('.div-tt').on('click', function () {
        alert($(this).html());
    });

换成这个试试看

$('.ul-list').on('click', '.div-tt' ,function(){
    alert($(this).html());
});