2011-04-15 121 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 + ')');