如何修复此jquery函数在IE中工作？

我是相对较新的Javascript，但设法以某种方式使这个代码工作在chrome，firefox，safari但它在IE上没有正确。 首先看一下这段代码，然后我会解释一下似乎没有用的东西：

       $(function () { var transition = 'slow'; var target1 = $('#flash1'); var target2 = $('#flash2'); var target3 = $('#box2'); var target4 = $('#tble'); var target5 = $('.links'); var target6 = $('#wording'); target1.delay(1000).fadeIn(); target2.delay(2000).fadeIn(); target3.delay(3000).fadeIn(); target4.delay(4000).fadeIn(); target5.delay(5000).fadeIn(); target6.delay(6000).fadeIn(); });   $(document).ready(function () { $("#this_is_button").click(function () { $("#box2").hide(); $("#tble").hide(); $(".links").hide(); $("#second_pls").show(); $("#box2").css("background", "black"); }) });   $(document).ready(function () { $("#what_close").click(function () { $("#second_pls").hide(); $("#tble").show(); $(".snap").show(); $(".links").show(); $("#box").css({ backgroundImage: "url('/test/img.jpg')", backgroundSize: "800px"}); }); });    
 
 
 Hello World 
 
This is a table
 
Hello Hello Hello, is this working? come on already?!!  
 
  
 
   

CSS：

  #box { background-color: #000000; height: 350px; margin-left: auto; margin-right: auto; width: 800px; } #box2 { background-image: url("/test/img.jpg"); background-size: 800px; height: 550px; margin-left: auto; margin-right: auto; width: 800px; position: absolute; } #wording { position: relative; color: #999999; font-size: 15px; letter-spacing: 5px; margin-left: 20px; padding-top: 30px; } #tble { margin-top: 180px; position: absolute; } #second_pls { margin-left: 10px; margin-top: 310px; position: absolute; } .links { margin-left: 10px; margin-top: 310px; position: absolute; } 

那么当在IE中呈现页面时，似乎没有function的部分是什么？ 似乎fadeIn，fadeOut，hide和show部分都没有在IE中呈现，除了＃flash1和＃flash2工作，其余的淡入，淡出都不起作用。 我正在撕扯我的头发，不理解为什么这两个会起作用而不是其余的。

我使用了BrowserStack，似乎在使用IE 8的Windows XP上，除了正确渲染背景图像外，它正确渲染。 但是在使用IE 8的Windows 7上，它的工作方式与在Windows XP上的工作方式相同，但在使用IE 9时，它给出了当前的问题。

我究竟做错了什么？

Answer 1

似乎问题来自错误的语法：

  $("#box").css({ backgroundImage: "url('/test/img.jpg')", backgroundSize: "800px", //<-- extra comma }); 

http://jsfiddle.net/bfcZd/3/

与

http://jsfiddle.net/bfcZd/4/

Answer 2

您应该查看两个正在运行的div的CSS声明。 我怀疑它们可能是位置：相对或者有一些其他属性导致它们以不同方式（正确地）呈现而其他属性失败。 你能提供你在例子中为div设置的CSS吗？ 这将有助于我们更好地解决问题，但没有看到它，这是我的预感。

Answer 3

在添加此元标记

应该工作。

我在这里有这个jsfiddle： http ： //jsfiddle.net/Morlock0821/XtyWC/