Question

我的jquery代码适用于Chrome，Firefox，＆gt; IE8，但似乎在IE8上没有加载jquery和jquery ui。

启用了Javascript。

我使用<meta http-equiv="X-UA-Compatible" content="IE=7,IE=8" />，因为我在IE9上遇到了一些问题

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=8" />
<link href="css/my.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>
<link href="css/jquery-ui-timepicker-addon.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript">
         $(function(){
         }); // Sorry, really it's so and not only }
</script>
</head>

有什么建议吗？我应该检查什么？

修改

通过更改

<meta http-equiv="X-UA-Compatible" content="IE=7,IE=8" />

到

<meta http-equiv="X-UA-Compatible" content="IE=8" />

解决了IE8上的大部分问题。

唯一仍然存在的问题与弹出有关：

当有一个按钮触发弹出时，单击弹出“确定”不会触发相应的操作（按钮位于标签内）。

Answer 1

你试过这个吗？

<meta http-equiv="X-UA-Compatible" content="IE=8,IE=EDGE" />

Answer 2

你能把它放在一个jQuery.Ready函数中，看看它是否在浏览器之间更加一致？我看到评论建议使用不同的格式：

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=8" />
<link href="css/my.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>
<link href="css/jquery-ui-timepicker-addon.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript">
         $(document).ready(function(){
            // do something here...
         }); // Sorry, really it's so and not only }
</script>
</head>

...

还建议将jquery，jquery-ui和jquery-ui css以及jquery验证更新到最新版本。您应该能够使用modernizr javascript库来检测您拥有的浏览器版本，然后应用这些元标记以满足您的需求。

此link将使用modernizr检测您使用的浏览器版本。

按钮不会触发相应的操作（标记按钮和输入类型=按钮）

2 个答案: