.click（）不能改變背景圖像w/jQuery

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

這是我正在使用的一個基本的jQuery腳本。上面的版本工作，但是，當我將.hover()更改爲.click()（在第2行）時，該腳本不再有效。.click（）不能改變背景圖像w/jQuery

我想要的是背景圖片更改onClick。幫幫我？

來源

2012-04-26 zarinf

要小心使用在全球命名空間的話。使用'header'作爲類或id可能會在代碼中發生衝突，具體取決於它的用法。 – 2012-04-26 03:10:12

嘗試更改以下行：

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

要

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

或者

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

來源

2012-04-26 03:31:43

工作過，謝謝！ – zarinf 2012-04-26 03:52:48

入住此行

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

我猜你缺少無論是＃或。在選擇

它應該是這樣的

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

或

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

來源

2012-04-26 03:07:50 Shyju

您可能要click事件這樣綁定的一些事情：

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

來源

2012-04-26 03:14:04 JScoobyCed

.click（）不能改變背景圖像w/jQuery

回答

相關問題