删除项目动画

Question

研究员，我正在使用AJAX删除表格中的项目

var DeleteLink = function () {

   var LId = $("#HiddenLink_ID").val();

                $.ajax({

                    type: "POST",
                    url: "/my/DeleteLink",
                    data: { Link_ID: LId },
                    success: function (result) {

                        $("#row_" + LId).remove();

                    }

                })

            }

我可以.remove ID为

的行

$("#row_" + LId).remove();

但我想做的是

  

给它一个动画，例如slide left或slide right   删除

我目前的代码可以吗？

欢呼声

Answer 1

基本上你需要做的是，

1. 动画 - 向左滑动或向右滑动
2. 在动画结束时，使用回调方法删除项目

像 -

$("#row_" + LId).hide("slide", { direction: "left" }, 1000, function(){
     $("#row_" + LId).remove();
});

了解详情 - http://api.jqueryui.com/hide/

修改

JS FIDDLE - https://jsfiddle.net/1t5wh5dv/1/（jQuery 1.9 + ui）

JS FIDDLE - https://jsfiddle.net/1t5wh5dv/2/（jQuery 3.2.1 + ui）