jQuery-append添加元素click無效

很久沒有使用jQuery，做項目的時候遇到一個小問題就是網頁加載之后的append的元素是可以執行click事件，網頁加載完成之后的，再次append的元素不執行click事件,簡單的通過ul模擬一下:

    <ul class="content">
    </ul>
    <span class="test">測試</span>

三種不同的點擊方式，append之后的click無效，通過on執行，注意參數：

  $(function() {
        $('.content').append('<li>FlyElephant</li>');

        $('.content li').click(function(event) {
            console.log('博客園-FlyElephant');
        });
        $('.content li').on('click', function() {
            console.log('博客園-FlyElephant');
        });
        /*通用*/
        $(document).on('click', '.content li', function() {
            console.log('keso');
        });

        $('.test').click(function() {
            $('.content').append('<li>keso</li>');
        });
    });

jQuery版本2.1.4~