0

奇妙な問題があります。アニメーションを作成しようとしtrましたが、特定のページで実行されません。

これを 2 回使用しました。あるページでは機能し、2 回目では機能しませんでした。スクリプトはほとんど同じです (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