切换背景图像(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 imgglobaly,要么使用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') || '');
});