0

我有一个奇怪的问题，我尝试在 a 上制作动画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() 立即完成。

4

0 回答 0