我正在使用Jquery和Ajax处理一个to-do列表。当任务完成时，我有一个click事件要显示。当click事件触发时，布局就会中断。唯一能让它恢复正常的方法就是刷新页面。

当我将任务标记为已完成时，待办事项列表将从一列转到另一行，并且我无法再单击复选框将任务转换为活动任务。
这是单击事件：

$(".mark-complete").on('click', function (e) {
    $('.task').each(function (i, el) {
      if ($(this).find('.mark-complete').prop('checked')) {
        $(this).css('background-color', 'rgba(36, 236, 36, 0.116)');
      }
    })
  });

x一个一个一个一个x一个一个二个一个x一个一个三个一个
指向该项目的链接为enter link description here