切换背景图像（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+')'); 
});