Question

我有一个代码，当选中一个复选框时，复选框所包含的列表项应该从视图中淡出。这是我目前的代码：

 $(document).on('change', '.task', function(){
var id = $(this).attr('id');
          $.ajax({
            url: '/task/'+id,
            method: 'POST',
            data: {'_method' : 'PUT'},
            dataType: 'json',
            success:function(json){

              if(json.isSent){
                alert('Task Updated Successfully!');
                $(this).closest('li').fadeOut(500);
              }

            }
          });
}

这是我的HTML（注意：我使用的是Laravel，所以一些html包含刀片代码，但它确实可以正常工作）'

 @foreach ($return['Tasks'] as $task)
        <li class="list-group-item">
            <div class="form-group">
                <label class="control-label">{{ $task->name }} (Due on {{ $task->timeDue->format('l\\, F jS \\a\\t h:i:s A') }})</label>
                <div class="float-left">
                    <input type="checkbox" id="{{ $task->id }}" class="big-checkbox task" />
                </div>
            </div>
        </li>
      @endforeach

当我选中复选框时，会显示“任务已更新成功”警报，因此我知道代码正在运行，但fadeOut将不会执行任何操作。控制台中没有任何错误告诉我出了什么问题，它不会淡出。

Answer 1

我相信你的范围已经丢失了（这个）。试试这个

google.golang.org/api/dataflow/v1b3

Jquery动态创建列表项而不淡出

1 个答案: