Переключение фонового изображения (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

Try определить URL-адрес для изображения в CSS.

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