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~

jQuery-append添加元素click無效