令人沮丧的.load()与jQuery的情况

时间:2015-01-23 10:57:06

标签: jquery html

我在这里有一个令人沮丧的情况,我不知道如何解决它...它不是火箭科学,所以我错过了什么?

为什么$(window).load(function(){//stuff here});加载事件可以正常工作?当我在此上下文$('.simpleShow *').load(function(){//stuff here});中使用加载事件时,它根本不起作用?

$('.simpleShow')部分用于图像预加载器,它只是一个绝对放置的div类,一旦加载图像就应该逐渐消失......以下是代码片段:

$('.simpleShow').load(function()
{
    $('.mediaPreloader').fadeOut('slow');
});

相应的HTML块:

<div class="simpleShow-wrapper" id="show000">
    <div class="mediaPreloader">&nbsp;</div>
        <!-- images / -->
        <div class="simpleShow">
            All my images placed here here
        </div>
        <!-- / images -->
    </div>

我知道Chrome在某些jQuery好东西方面存在问题,但是我使用XAMPP并且没有任何关于jQuery脚本的麻烦,此外,这不是我在网站中使用的唯一脚本... Chrome不会抛出任何错误。 任何帮助和/或建议将不胜感激gals。

此致 莱因哈特

1 个答案:

答案 0 :(得分:1)

div没有触发load事件 - 它不会加载任何内容。如果您希望在加载图像时触发事件,则需要将事件附加到img元素。但是你应该阅读documentation has caveats

jQuery load()事件函数也已被弃用(因为它现在用于通过AJAX加载内容)。您应该使用.on( "load", handler )