Question

使用Prototype的旧手，jQuery的新手，编写一个简单的应用程序来感受框架（因为我想使用它）。我有一个HTML片段，我通过AJAX加载，我想把它放在div的顶部，并带有滑入式过渡动画。

这个位有效，并且是前置位：

// Get the HTML fragment and stick it at the top of the containing div.
$.post("/create_new_thing", function(data) {
    $('#container_div').prepend(data);
});

我想做的事情，并且无法弄清楚，是用show（）效果为新添加的HTML片段制作动画。

有什么建议吗？

Answer 1

尝试这样的事情......

$('#div').load('file.html').fadeIn("slow");

加载函数更适合您的需求，因为它的主要目的是从远程文件加载HTML并将其注入DOM。

使用“post”功能更适合使用POST请求加载远程页面（通过表单发布数据并根据您的发布请求返回动态数据）。

见下文......

$.post("file.php", { name: "superuntitled", time: "2am" },
function(data){
  $('#div').fadeIn("slow").append(data);
});

jQuery尚未支持“PUT”请求。因此，如果您确实需要使用put请求，我建议使用自定义函数扩展jQuery功能，以增加对“PUT”的支持。也就是说，有一些工作！ See here for more details! ... http://homework.nwsnet.de/news/9132_put-and-delete-with-jquery

Answer 2

这是我用于在列表中添加新帖子的内容：

success: function(data){
  $("#posts-container").prepend(data).children().first().hide().show('slow');
}

这假设添加的元素包含在div中，并且首先位于＃posts-container。

Answer 3

我正在使用此

 $.post("yourdocument.php", {parameter:"caucana.com"}, function(data) {
        $('#contiene_resultados').prepend(data);
  });

使用jQuery预先添加和动画通过AJAX加载的文本

3 个答案: