ajax - 如何为 AJAX 帖子制作动画？

Question

很抱歉这个请求，但我是 AJAX 初学者。我有以下脚本，我正在尝试对其进行动画处理（类似于“淡入淡出”）。

jQuery(document).ready(function($){
   $(document).on("click",".ratingemo", function(){
     var rating = $(this).attr("id").substr(0, 1);
     var id = $(this).attr("id").substr(1);
     var data = "id="+id+"&rating="+rating;

     $.ajax({
       type: "POST",
       url: "/ldplug/rate.php",
       data: data,
       success: function(e){
         $("#r"+id).html(e);
       }
     })
   });
});

我怎样才能做到这一点？

非常感谢！

Answer 1

首先已弃用live，请查看。但话虽如此，为什么不：

success: function(e){
         $("#r"+id).hide();
         $("#r"+id).html(e).fadeIn("slow");
       }

最好是$("#r"+id)隐藏开始，我只是隐藏它来说明这一点。

Answer 2

在没有看到您的 HTML 的情况下，我不得不假设这样的东西对您有用。隐藏元素，填充它，然后淡入。

jQuery(document).ready(function ($) {
    $(".ratings").live("click", function () {
        var rating = $(this).attr("id").substr(0, 1);
        var id = $(this).attr("id").substr(1);
        var data = "id=" + id + "&rating=" + rating;

        $("#r" + id).hide();
        $.ajax({
            type: "POST",
            url: "/ratings/rate.php",
            data: data,
            success: function (e) {
                $("#r" + id).html(e);
                $("#r" + id).fadeIn();
            }
        })
    });
});