jQuery动态追加的元素点击事件不生效怎么办？

大家在制作网站过程中偶尔会用到jQuery的append()方法来动态追加元素，但是会遇到动态追加的元素增加点击事件无效。遇到这样的问题应该如果解决呢？今天就来说说解决方法：

通常大家的写法是这样的，如下面代码：

<script>
    $('#zhang li a').click(function(){
            alert('执行了！');
    })
</script>

但是会发现这样的写法用在动态追加的元素上，点击了没有反应，那就需要改成下面的写法，如下面的代码：

<script>
    $(document).on('click', '#zhang li a', function(){
            alert('执行了！');
    })
</script>

这样你就会神奇的发现，可以触发事件了。如果你遇到了这样的问题，就试试看吧。