2011-04-27 58 views
0

好吧,我有一些jQuery的JavaScript,我打算添加一个.load()事件,希望有人可以帮助我。jQuery加载事件与我的代码

$(function() { 

    $('#nav li a img').each(function() { 
    var originalSrc = this.src, 
     hoverSrc = originalSrc.replace(/\.(gif|png|jpe?g)$/, '_over.$1'); 
     image = new Image(); 

    image.src = hoverSrc; 

    $(this).hover(function() { 
     this.src = hoverSrc; 
    }, function() { 
     this.src = originalSrc; 
    }); 
    }); 
}) 
+0

你有看过文档吗?有一些例子:http://api.jquery.com/load-event/ – 2011-04-27 06:57:05

+0

是的,不要担心,这和亚历克斯和我之间有点相似。 – Jason 2011-04-27 06:59:13

+0

这是不公平的,因为Stack Overflow问题可以被任何人评论/回答。 @Felix我一直在用@Jason评论一下,帮助他在之前的问题中用jQuery和图片加载。 – alex 2011-04-27 07:02:27

回答

2

之前你设定的Imagesrc属性,附加回调是这样的...

image.onload = function() { 
    // The image has loaded successfully. 
} 

当图像加载,并且是成功的,它会调用该函数。

如果该功能不成功,它将调用分配给onerror属性的功能。可以使用$(image).load(function() { ... })

+0

我发布后是否编辑过我的帖子?我编辑它之后我确实做了它。那么这在我的/你的代码中进行。 – Jason 2011-04-27 06:57:23

+0

是否正确?我只是将前面的代码放在{} – Jason 2011-04-27 07:00:13

+0

@Jason Place中,然后在设置'src'属性之前放置它,但在*之后* *已经实例化了'image'。所以把它放在'image.src = hoverSrc;'行之前。 – alex 2011-04-27 07:03:49