Question

我只编写了几个月的代码而且我正在努力弄清楚为什么这个JS / jQuery不会在我试图创建的简单网站上运行。我正在使用Adobe 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的名称。

JS / jQuery代码适用于chrome但不适用于IE / FF

1 个答案: