javascript - 使用我的代码进行 jQuery 加载事件

Question

好吧，我有一些 jquery javascript，我打算添加一个 .load() 事件，希望有人可以帮助我。

$(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;
   });
  });
})

Answer 1

在设置 Image 的 src 属性之前，请像这样附加回调...

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

当图像加载并成功时，它将调用该函数。

如果该函数不成功，它将调用分配给 onerror 属性的函数。

或者，您可以使用$(image).load(function() { ... })。