2009-04-16 16 views
1

プロトタイプの古いハンド、jQueryの新機能、およびフレームワークの感触を得るためのシンプルなアプリケーションの作成(そして私はそれを使いたいからです。私はAJAX経由でロードするHTMLフラグメントを持っています。これをスライドインのトランジションアニメーションでdivの先頭に貼り付けたいと思います。jQueryでAJAX経由でロードされたテキストのプレイングとアニメーション

このビットは動作し、プリペンディングビットを行います。

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

私が何をしたい、と把握することはできませんどのような、ショー()効果で新しく追加されたHTMLフラグメントをアニメーションです。

提案がありますか?それが主な目的は、リモートファイルからHTMLをロードし、DOMにそれを注入することであるだとして、このような何かを試してみてください

+0

を使用していますか? – superUntitled

答えて

1

...

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

ロード機能は、あなたのニーズに適しています。

"POST"機能を使用すると、POSTリクエスト(フォームを介したデータのポストおよびポストリクエストに基づく動的データの返却)を使用してリモートページをロードする方が便利です。

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

jQueryのは、 "PUT" の要求をまだサポートしていません...以下を参照してください。したがって、実際にputリクエストを使用する必要がある場合は、「PUT」のサポートを追加するカスタム関数を使用してjQuery機能を拡張することをおすすめします。つまり、いくつかの回避策があります! See here for more details! ... http://homework.nwsnet.de/news/9132_put-and-delete-with-jquery

+1

これを行うつもりはありますが、私はPOSTリクエストでこれをやりたい場合があります。単純なままにしたいので、私の例ではパラメータを入れていません。ありがとう、しかし! –

+0

おっと、POST、PUTで​​はありません。 –

+0

"PUT"は何ですか? – superUntitled

0

これは私がリストに新しいポストを追加するために使用するものです。

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

これが追加された要素のdivで包み、#の記事・コンテナ内の最初のですが想定しています。

0

私は十分にあなたの質問に答えている。この

$.post("yourdocument.php", {parameter:"caucana.com"}, function(data) { 
     $('#contiene_resultados').prepend(data); 
    }); 
関連する問題