javascript - IE 错误 'Style' 为空或不是对象 - lightbox-resize.js

Question

在 Ie 中我收到一个 javascript 错误:

'Style' 为 null 或不是对象 lightbox-resize.js 第33行 字符 6 代码 0

这涉及到以下页面:

http://www.nickypellegrino.com/blog/

我可以找出导致此问题的原因。该页面(和灯箱)在 firefox/chrome 中工作正常 - 但在 IE 中不行。

还有另一个关于 prototype.js 的错误，我也不知道那是什么 :P

Answer 1

问题源于 Prototype 和 jQuery 在符号“$”上的冲突。你将不得不让他们中的一个或另一个放弃它。

使用 jQuery，您可以这样做:

jQuery.noConflict();

在包含库之后:

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'></script>
<script>jQuery.noConflict();</script>

完成后，所有期望“$”表示“jQuery”的代码都必须明确使用全局名称“jQuery”而不是“$”。

更好的解决方案可能是找到一种方法来避免在同一页面上使用两个大型 JavaScript 框架。它们都拥有庞大的生态系统，因此您很可能可以找到所需的工具并且只依赖其中一个。