5

次のコードを使用して、divページ上のスタートアップを表示しています。

$("#mydiv").hide().show("slow");

これにより、divページの起動時 (ページの読み込み/更新) に遅いアニメーションが表示されます。

ただし、ページの起動時 (ページの読み込み/更新) に、divこのアニメーションが開始する前に別のファイルから HTML を挿入したい場合は、次のようにします。

$("#mydiv").load("myPage.html");
$("#mydiv").hide().show("slow");

これを行うと、起動時にアニメーションが機能しなくなります (ページの読み込み/更新)。別のファイルから html をロードし、ページの起動 (ページのロード/更新) でアニメーションを動作させるにはどうすればよいですか?

4

5 に答える 5

8 
$(document).ready(function(){  
  $('#mydiv').load('myPage.html', function() {
      $(this).show();
    });
});

あなたのCSSに追加

#mydiv { 
   display: none; 
}
于 2012-11-08T18:33:47.913 に答える
4

最初の非表示には CSS を使用することをお勧めします。div

#mydiv { display: none }

そして、あなたはそれを示すことができます

$("#mydiv").load("myPage.html", function() {
    $(this).show(600);
});
于 2012-11-08T18:34:08.130 に答える
1

ページを非表示にし、コンテンツをロードしてから div を表示することをお勧めします。completeの 2 番目の引数 ( ) を使用して簡単に実行できます.load(url[, data][, complete])。

$('#myDiv').load('...', function() {
    // gets executed when the content is loaded
    $(this).show('slow');
});
于 2012-11-08T18:34:39.630 に答える
1

show パーツをコールバックとしてロードに追加します。

$("#mydiv").hide().load("myPage.html", function(){
    $(this).show('slow');
});
于 2012-11-08T18:33:08.553 に答える
0

私は方法を考え出した。

ajax を使用して次のようなことを行うことができます。

$.ajax({
        url: "myPage.html",
        cache: false
    }).done(function (html) {
        $("#myDiv").append(html);
        $("#myDiv").hide().show("slow");
    });

これにより、アニメーションが始まる前にページが呼び出されるようになります。

于 2012-11-08T18:47:31.657 に答える