5

Web ページを作成しています。クリック イベントを使用して、ホームページに HTML ページをロードする必要があります。それはうまくいっています。

私の質問は、受信した html ページをホームページにスライドさせることは可能ですか?

私は次のようにhtmlページをロードしています:

$.ajax({
    url: "gegarandeerd.html",
    dataType: "html",
    success: function(data) {
        $("#content").html(data);
    }
});​

読み込まれたデータをページ内にスライドさせるにはどうすればよいですか?

4

2 に答える 2

5

この効果は良さそうです。

$.ajax({
    url: "gegarandeerd.html",
    dataType: "html",
    success: function(data) {
        $("#content").fadeOut(function() {
            $(this).html(data).slideDown();
        });
    }
});​

古いコンテンツはフェードアウトし、新しいコンテンツは滑り落ちています。

デモ: http://jsfiddle.net/2yJhc/

于 2012-05-19T11:54:03.543 に答える
0

$('#book').slideDown('slow', function() { // アニメーションの完了 });

$.ajax({
            url:"gegarandeerd.html",
            dataType: "html",
            success: function(data){    
                $("#content").html(data);
  $('#content').slideDown('slow', function() {
    // Animation complete.
  });
                }   
            });

これを試して

于 2012-05-19T11:50:24.243 に答える