jquery - 在 MVC3 中使用 jquery 函数 - '$' 未定义

Question

我为我缺乏 jquery 知识而道歉。我正在使用 jquery 1.6.2，并尝试将 jquery 函数附加到 ActionLink。这是我的jQuery函数：

    <script type="text/javascript">
    $("addOperation").click(function () {
       $.ajax({
          url: this.href,
          cache: false,
          success: function (html) { $("#editor_rows").append(html); }
       });
       return false;
    });
    </script>

当我导航到包含脚本的页面时，调试器会返回以下内容：

    Microsoft JScript runtime error: '$' is undefined

这是指向“$”的第一次出现。对我来说，这听起来像是没有意识到这是一个 jquery 调用，但我过去没有遇到过这个问题。更不用说，MVC3 应该在应用加载之前捆绑和渲染所有的 jscript 文件。对我有什么建议吗？

Answer 1

1. 确保你的 jquery 脚本标签在你的脚本之上。

2. 将您的代码包装在document.ready事件中：

例如 1

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script src="/path/to/your.script"></script>

例如 2

$(document).ready(function() { 
     //Your code here
});

或更短：

$(function() { 
       //Your code here
});

这将确保在执行代码之前已加载所有 JavaScript。