使用jqueryui时IE9“兼容模式”中的白屏

时间:2012-05-16 16:46:11

标签: jquery-ui cross-browser ie8-compatibility-mode

我正在对网页进行一些浏览器测试,并且在兼容模式下遇到了IE9的问题。通过仅包含jqueryui,主jquery代码中发生错误。这导致IE9在兼容模式下“白屏”。

查看错误控制台,我看到了:

SCRIPT87: Invalid argument. 
jquery.js, line 1061 character 4

这导致了jquery中的“attr”方法:

l060: if ( set )
1061:      elem[ name ] = value;

我已将代码减少到重现此问题所需的最低限度。如您所见,我甚至还没有定义或执行我自己的任何JavaScript。它是否像“jqueryui在IE中断,处理它”一样简单?

最佳方式是什么?我希望我写的代码可以被大量浏览器的用户访问。

<html>
    <head>
        <title>I am a web page</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
    </head>
    <body>
        I am content
    </body>
</html>

1 个答案:

答案 0 :(得分:2)

jQuery UI 1.8.18旨在与jQuery 1.7+一起使用。我能够重新创建你的问题,当我切换到最新版本的jQuery时,问题就消失了。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>

直播示例 - http://jsfiddle.net/Cd9JC/1/