5

私はbackground.jsを持っているGoogleChrome拡張機能を持っていて、その中で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"
  }
}
4

1 に答える 1

6

この部分を変更します。

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

これに：

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

その行の順序は、ファイルが含まれている順序です。したがって、最初に jquery.js で $ (jquery の場合) を定義し、次にスクリプトを使用して他のスクリプトを定義する必要があります...

于 2012-12-04T12:35:38.917 に答える