试图在加载时淡入div

时间:2014-06-25 15:33:32

标签: jquery html class load fade

我希望在完全加载时淡入特定类的所有div。我想知道为什么这不起作用?当然它必须是一些最简单的jQuery。我检查了控制台,似乎.load永远不会发射。

我做错了什么?

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function() {  

        console.log("FIRING");
$( '.back-image').load(function() {
     $(this).fadeIn('slow'); 
        console.log("FADING");
});

});
</script>

2 个答案:

答案 0 :(得分:0)

正如标题所说,淡出与淡入淡出不同,正如您的代码所述。 此外,load方法没有按照您的想法执行;你想完全摆脱.load(function() { $(this)(以及匹配的括号});),让类back-image的项目渐渐消失。

此外,您需要确保它们一开始就不可见,否则脚本将很难显示任何效果。

答案 1 :(得分:0)

问题是load是一个ajax函数。您正在请求从未提供的外部页面加载图像。我猜你想从你所在的页面加载这个图像,所以.load()不是在这种情况下使用的函数。

有关详细信息,请查看jQuery API for .load()

你试过这个吗?

$('.backimage').fadeIn('slow');