JSHint和jQuery: '$'没有定义

以下JS:

(function() {
  "use strict";

  $("#target").click(function(){
    console.log("clicked");
  });

}());

收益率:

test.js: line 5, col 3, '$' is not defined.

当使用JSHint 0.5.5检测时。什么好主意吗?

当前回答

如果你正在使用IntelliJ编辑器，如WebStorm, PyCharm, RubyMine或IntelliJ IDEA:

在文件/设置/JavaScript/代码质量工具/JSHint的环境部分，单击jQuery复选框。

2013-08-13 18:31:52

其他回答

如果你正在使用一个相对较新的JSHint版本，通常首选的方法是在你的项目的根目录下创建一个.jshintrc文件，并将以下配置放在其中:

{
    "globals": {
        "$": false
    }
}

这向JSHint声明$是一个全局变量，false表示它不应该被覆盖。

.jshintrc文件在真正旧的JSHint版本中不受支持(例如v0.5.5，就像2012年的原始问题一样)。如果你不能或不想使用.jshintrc文件，你可以在脚本文件的顶部添加这个:

/*globals $:false */

还有一个简写“jquery”jshint选项，在jshint选项页面上可以看到。

2012-01-13 16:45:03

还可以在.jshintrc中添加两行

  "globals": {
    "$": false,
    "jQuery": false
  }

这告诉jshint有两个全局变量。

2013-07-19 15:40:13

如果你正在使用IntelliJ编辑器，如WebStorm, PyCharm, RubyMine或IntelliJ IDEA:

在文件/设置/JavaScript/代码质量工具/JSHint的环境部分，单击jQuery复选框。

2013-08-13 18:31:52

下面是一个可以放在.jshintrc中的小列表随着时间的推移，我将在这个列表中添加新的内容。

{
  // other settings...
  // ENVIRONMENTS
  // "browser": true, // Is in most configs by default
  "node": true,
  // others (e.g. yui, mootools, rhino, worker, etc.)
  "globals": {
    "$":false,
    "jquery":false,
    "angular":false
    // other explicit global names to exclude
  },
}

2014-02-20 16:50:25

要修复使用在线JSHint实现时的此错误:

点击“CONFIGURE”(页面中栏顶部) 启用“jQuery”(在底部的“假设”部分下)

2015-02-20 22:37:37

JSHint和jQuery: '$'没有定义

推荐文章

最新文章

标签