0

以下のコード例のさまざまなバリエーションを試しました。

$(document).ready(function(){
   $('#demo').hide();
   $("button").click(function(){
      $("#demo").load("demo.php").show('medium');
   });
});

...しかし、アニメーションは「ジャンプ」し、滑らかではありません。show()これは、新しい外部情報がロードされたときよりも隠し#demo要素が小さいと関数が想定しているようなものです。#demo要素がそこに配置されるまで、要素には何もないload()ため、外部コンテンツが読み込まれた後よりも小さく開始されます。

ロードされたコンテンツで実際に大きくなるshow()「理解」を作成して、アクティブ化したときにスムーズにアニメーション化するにはどうすればよいですか?#demo

4

2 に答える 2

3

.load()で完全なコールバック関数を使用してみてください

$(document).ready(function(){

    var demo = $('#demo');

    demo.hide();
    $("button").click(function(){
        demo.load('demo.php', function() {
            demo.show('medium');
        });
    });
});
于 2013-02-19T03:46:06.927 に答える
2 
$("#demo").load("demo.php",function() {
    $("#demo").show('medium')
});

コンテナーを表示するためにアニメーションが「中」の速度になっている間、ページが読み込まれます。load のコールバックで show 関数を使用します。

。見せる（）

于 2013-02-19T03:47:04.163 に答える