删除项目动画

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();

                    }

                })

            }

我能够使用ID来.remove行

$("#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/

编辑：

https://jsfiddle.net/1t5wh5dv/1/ (jQuery 1.9 + ui)

https://jsfiddle.net/1t5wh5dv/2/ (jQuery 3.2.1 + ui)