求助! input checkbox 绑定事件无效要如何解决？

Question

无法绑定checkbox事件要如何修改？

链接里是目前的全部代码链接描述

下面是相关代码，求大佬相助

//定义监听checkbox_complete事件
function listen_checkbox_complete(){
        $('.task-list.complete').on('click',function(){
            console.log('1',1);
        })
    }
    
  //调用监听checkbox_complete
function render_task_list(){
        var $task_list= $('.task-list');
        $task_list.html('');
        for( var i = 0 ; i < task_list.length ; i++)
        {
             var $task = render_task_item(task_list[i],i);
             $task_list.prepend($task);
        }

        listen_task_delete();
        listen_task_detail();
        listen_checkbox_complete();
    }
    
   //checkbox_complete的html 
function render_task_item(data,index){ 
        if(!data||!index)  return;
         var list_item_item = 
                            '<div class="task-item" data-index="'  + index +'">'+
                            '<span><input class="complete" type="checkbox"></span>'+
                            '<span class="task-content">'+data.content+'</span>'+
                            '<span class="fr">'+
                              '<span class="action delete"> 删除</span>'+
                              '<span class="action detail"> 详细</span>'+
                            '</span>'+
                            '</div>';
        return $(list_item_item);
    }
    

Answer 1

把绑定的click事件换为change事件试试

Answer 2

已经解决了哈哈，把原来的.task-list.complete改成.task-list .complete[type=checkbox]就可以了