单击事件未绑定？

问题描述

| 我有一个菜单，我正在尝试将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>

    

解决方法

对于初学者：

\'url(+src+)\'

应该是

\'url(\'+src+\')\'

    ,我看不到具有

Background

类的元素，但是.. 这里有一个收获：

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

应该

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

    ,对于代码的第一部分，请看这一行：

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

这应该是

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