jquery - .click() 无法使用 jQuery 更改背景图像

Question

$(function(){
$('.change-bg').hover(function(){
    $('header').css({ 'background-image' : 'url("img/map.jpg")' });
}, function(){
    $(this).fadeTo('slow', 1);
});
});

这是我正在使用的基本 jQuery 脚本。上面的版本有效，但是，当我更改.hover()为.click()（第 2 行）时，脚本不再有效。

我想要的是背景图片改变onClick。帮助？

Answer 1

检查这一行

 $('header').css({ 'background-image' : 'url("img/map.jpg")' });

我猜您缺少 # 或 . 在选择器中

应该是这样的'

$('#header').css({ 'background-image' : 'url("img/map.jpg")' });

或者

$('.header').css({ 'background-image' : 'url("img/map.jpg")' });

Answer 2

您可能希望以这种方式绑定点击事件：

$(function(){
$('.change-bg').bind('click', function(){
    $('header').css({ 'background-image' : 'url("img/map.jpg")' });
}, function(){
    $(this).fadeTo('slow', 1);
});
});

Answer 3

尝试更改以下行：

$('.change-bg').hover(function(){

到

$(document).delegate('.change-bg', 'click', function(){

或者

$(document).on('click', '.change-bg', function(){