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

Answer 2

チェックこのライン

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

私はあなたが＃またはどちらかが欠けていると思います。

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