2

我见过 and 的例子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()

可能是您正在寻找的。

见：所以帖子

于 2010-03-17T18:29:44.020 回答
0

您可以使用 window.onLoad，直到所有内容都加载完毕后才会触发。

于 2010-03-17T18:30:08.410 回答