Question

我有一个菜单，我正在尝试将html中其他地方的div的背景图像更改为点击链接的href。这很奇怪，因为在鼠标悬停时我有一个几乎完全相同的脚本。我试图调整它来为此工作，但无济于事。

    $(".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>

Answer 1

首发：

'url(+src+)'

应该是

'url('+src+')'

Answer 2

我没有看到Background类的元素，但是..

这是一个问题：

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

应该是

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

Answer 3

对于代码的第一部分，请查看以下行：

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

这应该是

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

单击事件不绑定？

3 个答案: