问题.blur函数使用jquery

Question

我有一个应用程序，它可以放大图像focus()并缩小在blur()。我已经读了原始图像的大小，并添加了15px为了创建放大效果，这很好。问题是缩小效果，我试图将我读取的原始图像尺寸传递给.blur()，但没有运气。任何人都可以帮我解决这个问题吗？

Answer 1

Here is a working demo以下代码。

首先，你不是叫你.blur()功能上orgW和orgH的$.data()方法。另外，我改变了你的.blur()功能有类似的实现你的.focus()功能，以获得变焦出门上班：

$('button:has(img)').blur(function() { 

    if (timer !== null) clearTimeout(timer); 

    var $image = $(this).find('img'); 

    $image.each(function() { 
     $(this).animate({ 
      'width': $.data(this, 'orgW') + 'px', 
      'height': $.data(this, 'orgH') + 'px', 
     }, 500); 
    }); 

}); 

Answer 2

您还可以在动画功能使用'+=15'和'-=15'。无需存储宽度和高度。

$('button:has(img)').focus(function() { 
    $(this).find('img').animate({ 
     width: '+=15', 
     height: '+=15' 
    }, 500); 
}); 

$('button:has(img)').blur(function() { 
    $(this).find('img').animate({ 
     'width': '-=15', 
     'height': '-=15' 
    }, 0); 
}); 

Demo

编辑：现在它应该工作。