問題.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

編輯：現在它應該工作。