jquery - .click() が機能せず、jQuery で背景画像を変更できない

Question

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

これは、私が使用している基本的な jQuery スクリプトです。上記のバージョンは機能しますが、(2 行目) に変更.hover()する.click()と、スクリプトが機能しなくなります。

私が望むのは、背景画像がonClickで変更されることです。ヘルプ？

Answer 1

次の行を変更してみてください。

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

に

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

または

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

Answer 2

この方法でクリック イベントをバインドすることができます。

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

Answer 3

Check this line

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

I guess you are missing either a # or a . in the selector

It should be some thing like this'

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

or

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