2011-04-15 90 views
0

我有一個菜單,我試圖改變html的其他地方的div的背景圖像到點擊鏈接的href。這很奇怪,因爲我有一個腳本,在mouseover上做幾乎相同的事情。我試圖調整它爲此工作,但無濟於事。點擊事件沒有綁定?

$(".IG_Nav_List a").live('click',function(){ 
     var src = $(this).attr("href"); 
     $('.Background').css('background-image', 'url(' + src + ')'); 
    }); 

    //////////////// 

    <div class="Background"></div> 

    <ul class="IG_Nav_List"> 
     <li><a href="Surface/A.jpg" onclick="return false;">AAAA</a></li> 
     <li><a href="Surface/B.jpg" onclick="return false;">BBBB</a></li> 
     <li><a href="Surface/C.jpg" onclick="return false;">CCCC</a></li> 
    </ul> 

回答

5

對於初學者:

'url(+src+)' 

也許應該

'url('+src+')' 
+0

只是最後一刻落敗我的帖子;) – TygerKrash 2011-04-15 14:31:13

+0

對,我認爲這是問題的一部分。但是,這並沒有解決它。 – 2011-04-15 15:28:38

+0

您的腳本現在可以運行。我已經在Chrome和ie中測試過。確保你的div存在。我必須給div一個高度和寬度才能看到背景變化。另外,請確保您的圖像路徑正確。 – ChrisThompson 2011-04-18 13:50:13

0

我沒有看到元素與Background類,但..

這裏有一個問題:

$('.Background').css('background-image', 'url(+src+)'); 

應該

$('.Background').css('background-image', 'url(' + src + ')'); 
0

爲您的代碼的第一部分,看看這個行:

$('.Background').css('background-image', 'url(+src+)'); 

這應該是

$('.Background').css('background-image', 'url(' + src + ')');