Javascript 鼠标悬停的动态id $（'li'）.mouseout（函数（）{ divId=$（this.attr（'id'）； $（this.css（'background'，'url（assets/images/clients/logo/'+divId+'.jpg'）； }); $（'li'）.mouseover（函数（）{ divId=$（this.attr（'id'）； $（this.css（'background'，'url（assets/images/clients/logo gc/'+divId+'.jpg'）； }); $（'li'）.load（函数（）{ divId=$（this.attr（'id'）； $（this.css（'background'，'url（assets/images/clients/logo/'+divId+'.jpg'）； });

我犯了什么错误？页面加载后启动时未显示图像

HTML:

<script type="text/javascript" >
    $('li').mouseout(function () {
        divId = $(this).attr('id');
        $(this).css('background', 'url(assets/images/clients/logo/' + divId + '.jpg)');
    });
    $('li').mouseover(function () {
        divId = $(this).attr('id');
        $(this).css('background', 'url(assets/images/clients/logo-gc/' + divId + '.jpg)');
    });
    $('li').load(function () {
        divId = $(this).attr('id');
        $(this).css('background', 'url(assets/images/clients/logo/' + divId + '.jpg)');
    });
</script>

---

页面加载后如何在li.load（）上加载默认图像？

使用

背景图像

而不是

背景

<ul>
    <li id="i1"></li>   
    <li id="i2"></li>
    <li id="i3"></li>
    <li id="i4"></li>   
    <li id="i5"></li>
    <li id="i6"></li>
    <li id="i7"></li>   
    <li id="i8"></li>
</ul>

要在页面加载后显示图像，请使用处理程序

$(this).css('background-image', 'url(assets/images/clients/logo/'+divId+'.jpg)');

---

使用

背景图像

代替

背景

<ul>
    <li id="i1"></li>   
    <li id="i2"></li>
    <li id="i3"></li>
    <li id="i4"></li>   
    <li id="i5"></li>
    <li id="i6"></li>
    <li id="i7"></li>   
    <li id="i8"></li>
</ul>

要在页面加载后显示图像，请使用处理程序

$(this).css('background-image', 'url(assets/images/clients/logo/'+divId+'.jpg)');

试试这个

$(document).ready(function(){
   $('li').each(function(){
       $(this).css('background-image', 'url(assets/images/clients/logo/' + this.id + '.jpg)');
   });
});

试试这个

$(document).ready(function(){
   $('li').each(function(){
       $(this).css('background-image', 'url(assets/images/clients/logo/' + this.id + '.jpg)');
   });
});

---

据我所知，

元素没有

jQuery.load

方法（在您试图获取的上下文中）。

jQuery.load

清楚地说明：

此事件可以发送到与URL关联的任何元素：图像、脚本、帧、iFrame和窗口对象

您应该将事件绑定到文档加载。简单的快捷方式是

$（function（）{…}）

，如下所示：

$(function(){
   $('li').each(function(){
     var divId = $(this).attr('id');
     $(this).css('background-image', 'url(assets/images/clients/logo/'+divId+'.jpg)');
   });
});

---

据我所知，

元素没有

jQuery.load

方法（在您试图获取的上下文中）。

jQuery.load

清楚地说明：

此事件可以发送到与URL关联的任何元素：图像、脚本、帧、iFrame和窗口对象

您应该将事件绑定到文档加载。简单的快捷方式是

$（function（）{…}）

，如下所示：

$(function(){
   $('li').each(function(){
     var divId = $(this).attr('id');
     $(this).css('background-image', 'url(assets/images/clients/logo/'+divId+'.jpg)');
   });
});

---

顺便说一下，您似乎没有声明

divId

。一定要申报。例如，使用

var divId

or

var divId=$（this.attr（'id'）。顺便说一下，您似乎没有声明
divId
。一定要申报。例如，使用
var divId
or
var divId=$（this.attr（'id'）
。我可以知道投反对票的原因吗？我可以知道投反对票的原因吗？