javascript - JS/jQuery 代码在 chrome 中有效，但在 IE/FF 中无效

Question

我只编写了几个月的代码，我正在努力弄清楚为什么这个 JS/jQuery 不能在我一直试图创建的简单网站上运行。我使用的是 Adob​​e Brackets，而实时预览使用的是 Chrome。一切都在 Chrome 中运行顺利，但是当我用 IE/FF JS/jQuery 打开索引文件时根本没有运行。

代码如下：

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js">      </script>
<script src="modernizr.custom.55043.js"></script>
<script type="text/javascript">


function testimonialcontainer() {
    $(".testimonialcontainer #1").show("fade", 500);
    $(".testimonialcontainer #1").delay(5500).hide("slide", {direction: 'left'}, 500);

    var sc=$(".testimonialcontainer img").size();
    var 
    count=2;

setInterval(function() {
        $(".testimonialcontainer #" + count).show("slide", {direction: 'right'}, 500);
        $(".testimonialcontainer #" + count).delay(5500).hide("slide", {direction:'left'}, 500);

if(count == sc) {
    count = 1;
   } else {
count = count + 1;
}
}, 6500);


};
</script>

HTML

<div class="testimonialcontainer">  
<img src="testimonials/test1.png" id="1" />
<img src="testimonials/test2.png" id="2" />
<img src="testimonials/test3.png" id="3" />
</div>

CSS

.testimonialcontainer {
    width: 795px;
    height:175px;
    position: absolute;
    margin-top: 1000px;
    margin-left: 102px;
    border-top: 4px solid black;
    border-bottom: 2px dotted black;
}

.testimonialcontainer img {
    width: 756px;
    height: 155px;
    display: none;
    padding: 10px;
}

提前致谢！

ñ

Answer 1

数字本身不能作为 IE/FF 中 div 的名称。