Jquery - возможно ли добавить анимацию в загруженный AJAX контент

Question

У меня есть контент, который я загружаю на свою страницу, используя AJAX. Когда он загружается, он мигает на экране и выглядит немного грязно. Можно ли добавить к нему анимацию jquery ???

$("#posts").load("posts.php", {from_user: fm}, function(){});

Answer 1

Вместо этого можно использовать $.ajax().

$.ajax({
    url: 'posts.php',
    data: {from_user: fm},
    success: function( html ) {
        $(html).hide().appendTo('#posts').fadeIn();
    }
});

Answer 2

Вы можете использовать оболочку для загрузки контента в. Предположим, у вас есть <div class="postWrap"></div> внутри <div id="posts"></div>.

CSS

.postWrap {display: none; непрозрачность: 0}

JS

$("#posts .postWrap").load(
  "posts.php",
  {from_user: fm},
  function() {
    $("#post .postWrap").fadeIn(); //for example, you could use any effect
  }
);

Answer 3

$.get("posts.php", {from_user: fm}, function(html){
   $(html).hide().appendTo('yourSelector').fadeIn();
});

Или $.post или $.ajax ... просто не загружается, потому что вам нужно спрятать его, а затем оживить.