无法在Chrome扩展程序中使用JQuery

Question

我有一个Google Chrome扩展程序,其中我有一个background.js,我正在尝试使用JQuery.

获得以下错误.

Uncaught ReferenceError: $ is not defined

我的清单文件代码部分

 "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": ["script.js", "jquery.js","front.js"]
    }
  ],
  "web_accessible_resources": ["https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"],
  "content_security_policy": "script-src 'self' https://ajax.googleapis.com; object-src 'self'",

我无法获得在此扩展中使用JQuery函数的任何线索.如果您需要更多理由,请告诉我.

编辑#1:清单文件

{
  "name": "Tool",
  "description": "Extension",
  "manifest_version": 2,
  "version": "5.0.0.0",
  "manifest_version": 2,
  "background": { "scripts": ["background.js"] },
  "permissions": [
    "tabs", "http://*/*", "https://*/*", "storage"
  ],
  "options_page": "options.html",
  "icons":{"16": "images/F_icon_16x16.png",
           "48": "images/F_icon_48x48.png",
          "128": "images/F_icon_128x128.png"},
  "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": ["jquery.js", "script.js", "front.js"]
    }
  ],
  "content_security_policy": "script-src 'self' ; object-src 'self'",
  "browser_action": {
      "default_title": "Tool",
      "default_icon": "images/F_icon.png"
  }
}

Answer 1

改变这一部分:

"js": ["script.js", "jquery.js","front.js"]

对此:

"js": ["jquery.js","script.js","front.js"]

该行的顺序是包含文件的顺序.所以你首先需要jquery.js来定义$(用于jquery),然后用你的脚本来定义其他脚本......