切換背景圖像（jQuery）

Question

$('textarea').focus(function() { 
    var img = $(this).css('background-image'); 
    $(this).css('background-image', 'none'); 
}); 
$('textarea').blur(function() { 
    $(this).css('background-image', img); 
}); 

..似乎不工作。我認爲有些事情是錯誤的，但我無法弄清楚什麼。

非常感謝您的幫助！

Answer 1

如果定義

var img 

只是.focus()事件處理中，該變量不會內 .blur()

可用，以便要麼定義var img globaly，或使用jQuerys .data()方法實例。

寫：

$.data(this, 'img', $(this).css('background-image')); 

讀：

$.data(this, 'img'); 

例如：

$('textarea').focus(function() { 
    var $this = $(this); 
    $.data(this, 'img', $this.css('background-image')); 
    $this.css('background-image', 'none'); 
}); 
$('textarea').blur(function() { 
    $(this).css('background-image', $.data(this, 'img') || ''); 
}); 

Answer 2

嘗試定義的URL地址在CSS中的形象。

var img = 'images/mybg.png'; 
$('textarea').blur(function() { 
    $(this).css('background-image', 'url('+img+')'); 
});