Javascript 一组图片中一张图片的随机消失

我通过一个对象对象的循环来获取员工的雇佣年份，并显示他们的肖像和姓名。这是我添加到SharePoint网站内容编辑器web部件的自定义html/javascript文件

var classes = { 
2013: { 
"image/path.png" : "name of employee", 
"image/path2.png" : "name of employee2" 
}, 
2012... 
}

我使用以下jQuery加载图像

        jQuery(document).ready(function($){
            $('li').on('mouseover', function(e){
                $('#overlay').empty();
                var title = $('<h2>');
                title.text('Class of ' +  e.target.id);
                $('#overlay').append(title);

                $.each(classes[e.target.id], function(k, v) {
                    var img = $('<img/>');
                    img.attr('src', k);
                    var $imgContainer = $("<span class='imagesContainer'>");
                    $imgContainer.append(img);
                    $imgContainer.append("<span class='names'>" + v + "</span>");
                    $('#overlay').append($imgContainer);
                }); 
            });
        });

jQuery（文档）.ready（函数（$）{
$（'li'）。在（'mouseover'，函数（e）上{
$（'#overlay'）.empty（）；
变量标题=$（''）；
title.text（“+e.target.id”类）；
$（“#覆盖”）。附加（标题）；
$.each（类[e.target.id]，函数（k，v）{
var img=$（'”）；
$imgContainer.append（img）；
$imgContainer.append（“+v+”）；
$（'#overlay'）.append（$imgContainer）；
}); 
});
});

和要显示的HTML：

    <ul id="classes">
        <br>
        <li id="2013">Class of 2013</li>
        <li id="2014">Class of 2014</li>
        <li id="2015">Class of 2015</li>
    </ul>

    <div id="overlay"></div>

2013级
2014级
2015级

问题：

1） 当我将鼠标悬停在Class Years链接上时，它会显示所有的肖像和姓名，但有时并非

var classes={

对象被显示。似乎有时并非所有对象都被加载。例如，2013类在对象中有7个图像，因此jQuery

$。每个

函数应该加载所有7个图像，但有时仅显示6或5个图像

2） 图像在IE8上根本不显示。当我将鼠标悬停在类上时，只显示标题“Class of 20XX”，没有图像/名称。我不认为这是jQuery版本的问题

---

---

你能提供一个提琴或演示页面吗？@andi请看我上面的编辑。谢谢！你看到了……就为了这个目的。@andi AWWW KITTENS！哈哈，不管怎样，我已经更新了提琴。谢谢！看起来提琴上没有丢失的图像，但在SharePoint网站上有。我无法在IE 8上测试，因为糟糕的IE 8甚至不支持port fiddle.yeah，fiddle.fiddle.fiddle.yeah，fiddle.fiddle.当问题只是/有时/发生时，前端代码通常不会有问题（除非是非同步的JS）。是其他原因导致了您的第一个问题。