背景颜色动画不显示

Question

我有一个奇怪的问题，我尝试在tr上制作动画，但它不会在特定页面上执行。

我使用了两次，它在一个页面上工作而在第二个上没有，脚本几乎相同（因为DOM结构而改变了父级）

 $("#ajax button.delete").on("click", function(){
    var name = this.name,
        value= this.value;
        var parent = $(this).parent().parent().parent();
        $.ajax({
          type: 'get',
          url: 'deleteCategory.php',
          data: 'delete=' + $(this).val(),
          beforeSend: function() {
            $('td', parent).animate({"background-color":'#fb6c6c'}, 300);
          },
          success: function() {
            parent.remove();
          }
        });
  });

在脚本中，父变量用于tr标记。

tr标记填充了这个：

 <tr>
    <td><span id="tcat{$data->cid}">{$data->name}</span>
        <div class="btn-group pull-right">
            <button id="ecat{$data->cid}" name="category" value="{$data->cid}" class="edit btn"><i class="icon-edit"></i> Modifier</button>
            <button id="dcat{$data->cid}" name="category" value="{$data->cid}" class="delete btn btn-danger"><i class="icon-trash"></i> Supprimer</button>
        </div>
    </td>
</tr>

实际上，动画没有显示，remove（）立即完成。