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")' });

我猜你错过了＃或a。在选择器

中

应该是这样的'

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

或

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

Answer 2

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

$(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(){

.click（）无法使用/ jQuery更改背景图像

3 个答案: