jquery：加载图像时为什么不能在 Chrome 上淡出图像？

发布于 2024-11-06 21:37:16 字数 1264 浏览 1 评论 0原文

我不明白这一点 - 为什么加载图像时不能在 Chrome 上淡入图像？

jquery：

$(document).ready(function(){


        $('.image').fadeOut('slow',function(){

        });

    });

html，

<body>
<img src="pic-1.jpg" class="image"/>
</body>

但它在所有其他浏览器上都可以正常工作，包括 IE！

知道我做错了什么吗？

谢谢。

编辑：

这是我在 Chrome 和其他浏览器上测试的完整代码，

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Test</title>
    <script type="text/javascript" src="jquery-1.6.min.js"></script>

    <script type="text/javascript">

    $(document).ready(function(){
        $('img').fadeOut('slow');
    });

</script>
</head>

<body>
        <img src="pic-1.jpg"/>

</body>
</html>

我想我之前在某处读过它，它与图像在 Chrome 上的加载方式有关。但我现在不记得它是如何运作的！

有什么想法吗？

谢谢。

编辑：

像这样修复它，

$(document).ready(function(){

        $(window).bind('load', function() {
            $('img').fadeOut('slow');
        });
    });

原文

I don't understand this - why can't I fade image on Chrome when the image is loaded?

the jquery:

$(document).ready(function(){


        $('.image').fadeOut('slow',function(){

        });

    });

the html,

<body>
<img src="pic-1.jpg" class="image"/>
</body>

But it works fine on all other browers, including IE!

Any idea what I have done wrong?

Thanks.

EDIT:

This is the entire code I am testing it on Chrome and other browsers,

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Test</title>
    <script type="text/javascript" src="jquery-1.6.min.js"></script>

    <script type="text/javascript">

    $(document).ready(function(){
        $('img').fadeOut('slow');
    });

</script>
</head>

<body>
        <img src="pic-1.jpg"/>

</body>
</html>

I think I read it somewhere before that it is to do with how the image is loaded on Chrome. But I can't remember how it works now!

Any idea?

Thanks.

EDIT:

Got it fix like this,

$(document).ready(function(){

        $(window).bind('load', function() {
            $('img').fadeOut('slow');
        });
    });

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

为人所爱 2024-11-13 21:37:16

这可能是因为 $(document).ready() 在 html 加载完成时触发，而不是在图像加载完成后触发。奇怪的修复，但尝试在图像周围包裹一个 div 并在就绪时淡出它。或者，在 .load() 上调用 $('img').fadeOut('slow'); 而不是 .ready()。