javascript - IE9 Javascript 错误::未定义/空

Question

我有一段 JS(如下)，在 IE9 中出现以下错误:
属性“$”的值为 null 或未定义，不是 Function 对象

在 FFX、Chrome 和 Safari 中我没有遇到任何问题。不确定这里发生了什么 - 仍在学习一点，所以如果很明显，请对我宽容一点:)

提前致谢!

 <div id="sample-widget" style="">
    <link rel="stylesheet" type="text/css" href="widget.css" media="screen">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
    <script type="text/javascript">
        function LA_triggerOverlay() {
            $("#la-w-001-overlay").toggle();
        };
       $(function () {
           $("#sample-widget").show();
       });
   </script>
   <div>
       <a href="#" onclick="LA_triggerOverlay(); return false;">
   </div>

Answer 1

在最新版本的 chrome 和 FF [也许还有 Safari] 中，原生支持“$”作为 document.getElementById() 的同义词

IE 9 本身不支持此功能，因此您会收到您所说的错误。

但是，正如上面那位先生所指出的，您可能缺少一个库[最有可能是 jQuery]。我强烈建议在您的页面中包含 jQuery 并再次尝试该代码。

您可以通过以下代码段轻松引用 jQuery:

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

因此，如果这是缺失的部分，它应该可以解决您的问题。