切换背景图像 (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

如果您仅在 .focus() 事件处理程序中定义

var img

，则该变量将在以下范围内不可用
.blur()

因此，要么全局定义 var img，要么使用 jQuery 的 .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

尝试在 css 中定义图像的 url 地址。

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