jq append追加元素的click和hover事件

jq append追加元素的click和hover事件
点击领取淘宝京东拼多多唯品会优惠券
<div class='group'>
       <ul class="" id="group_list"></ul>
</div>
<script>
$.each(tian,function(index,item){
                      
                        $("#group_list").append("<li class='list_item'>"+item.title+"</li>");

                    })
滑动事件
$("#group_list").bind('.list_item').hover(function(){
            console.log('ddd')          
        },function(){
        })
点击事件
$("#group_list").on('click','.list_item',function(){
            console.log('ddd')         
        })
或者
$(".group").on('click','.list_item',function(){
            console.log('ddd')         
        })
或者
$(document).on('click','.list_item',function(){
            console.log('ddd')         
        })
</script>