1

こんにちは、フェードイン/フェードアウトやスライドなどのアニメーションを .load に追加しようとしています。基本構造のフィドルを添付しましたが、まず ajax 呼び出しがフィドルで機能しません (完全な URL を試しました) が、テスト サイトでは機能します。

関数の最後に .fade() を追加しようとしましたが、うまくいかないようです。

誰にもアイデアはありますか?

            $(".vCard").click(function(){
                $("#mainContent").load("ajax/vCard.php").fade();
            });

http://jsfiddle.net/craigie2204/mhUx7/

4

4 に答える 4

3

最初に1つのことを.hide()行ってから、次を追加できます.fadeIn()

これに変更します:

 $("#mainContent").load("ajax/vCard.php").hide().fadeIn();

または、それを非表示にして、次cssを追加するだけ.fadeIn()です。

CSS:

#mainContent{
   display:none;
}

jQuery:

 $("#mainContent").load("ajax/vCard.php").fadeIn();

.load()ただし、jqueryのメソッドのコールバック ハンドラ内で行う必要があります。

$("#mainContent").load("ajax/vCard.php", function(){
    $(this).fadeIn(); // this will be animated when load gets completed.
});
于 2013-10-21T09:29:18.083 に答える
0

ajax 関数を使用する必要があるため、次のような別の統計を使用できます。

$.ajax({
   type: "GET",
   url: url, //Set you url here
   data: getData,
   dataType: "html",
   success: function(data) {
      $(this).fadeIn(400); //When you loaded your ajax page, Fade In to show. If you want to parse what you get use '.html(data)'
   }
});
于 2013-10-21T09:23:53.300 に答える
0
$(".vCard").click(function(){
    var _div = $("#mainContent");
    _div.load("ajax/vCard.php",function(){
        _div.fade();
    });
  });

引用符

于 2013-10-21T09:21:24.587 に答える
0

試す.fadeIn(1500)

それはうまくいくはずです

資力

jQuery .fade() 関数を ajax 成功コールバックのどこに配置すればよいですか?

http://api.jquery.com/fadeIn/

于 2013-10-21T09:18:50.740 に答える