2

load()との例を見てきましready()たが、それらは常にウィンドウやドキュメントの本文、またはdivやimgなどに当てはまるようです。

私にはhover()機能があり、それにカーソルを合わせると、それを使用fadeIn()して表示します。問題は、div内の画像がまだ読み込まれていないため、とにかく表示されるだけになることです。コンテンツが完全に読み込まれたときにのみ画像をフェードさせるコードが必要です。次のような他のセレクターを接続するだけでは機能しません

$(this).next(".menuPopup").ready(function () { //or load(), neither work
  fadeTo(300, 1);
});

編集：関連コード

     $( '.leftMenuProductButton' ).hover (
            function () {

                                $(this).next(".menuPopup").stop().css("opacity", 1).fadeIn('slow');


            },
            function () {



                $(this).next(".menuPopup").stop().hide();


    });

HTML

<div class="leftMenuProductButton"> Product 1</div>
                                <div id="raceramps56" class="menuPopup"><IMG SRC="myimage.jpeg"> </div>
4

3 に答える 3

3

おそらく、アニメーションをチェーン化する必要があります。

$(this).next(".menuPopup").fadeIn(300, function() {
    $(this).children('.inside_image').css(
        'opacity':'0',
        'display':'show'
    );
    $(this).children('.inside_image').animate({
        opacity: '1'
    }, 300);
});

私は以前にこのようなことをしたことがありますが、かなりうまくいきました。多くのライトボックスがこれを行っていると思います。

于 2010-03-17T18:31:43.643 に答える
0

関数

$(window).load()

おそらくあなたが探しているものです。

参照: SO 投稿

于 2010-03-17T18:29:44.020 に答える
0

すべてがロードされるまで起動しないwindow.onLoadを使用できます。

于 2010-03-17T18:30:08.410 に答える