两次引用 Jquery 时，JQuery 'Object' 未定义

Question

我有一个 asp.net 页面，在其标题部分有以下内容:

<script type="text/javascript" src="scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="scripts/jquery-ui-1.8.19.custom.min.js"></script>

我还有:

<div id="dialog" title="Dialog Title">
    <iframe src="frameDemo.aspx" scrolling="no" style="border:0px" width="500"></iframe>
</div>

在frameDemo.aspx header 部分，我还有:

<script type="text/javascript" src="scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="scripts/jquery-ui-1.8.19.custom.min.js"></script>

每次我按下调试按钮时，它都会打开 IE 并给出一个错误，其中显示:

Microsoft JScript runtime error: 'Object' is undefined

我按“继续”，它会一次又一次弹出大约 5 到 6 次相同的错误消息。最后它显示了页面并且工作正常。

但是如果我复制 URL 并在另一个浏览器中打开它，它不会显示任何错误消息。或者，如果我将 Safari/Firefox 设置为调试浏览器，错误消息也不会显示。看来只使用IE作为调试浏览器就会产生错误。

此外，如果我从frameDemo.aspx页面中删除以下内容，错误也不会显示:

<script type="text/javascript" src="scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="scripts/jquery-ui-1.8.19.custom.min.js"></script>

所以看起来如果我在子 iframe 页面中引用 JQuery 两次，并在 IE 浏览器中进行调试，我将收到该错误消息。

有人遇到过这个问题吗？非常感谢!

Answer 1

如果您无法控制 jQuery 的其他实例，请考虑使用

http://api.jquery.com/jQuery.noConflict/