我有一个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" } }I have a Google Chrome Extension in which I have a background.js and I am trying to use JQuery in it.
Getting following error.
Uncaught ReferenceError: $ is not definedMy manifest File code part
"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'",I am not able to get any clue of using JQuery functions in this extension. Please let me know if you need more justification.
Edit#1: Manifest File
{ "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" } }最满意答案
改变这一部分:
"js": ["script.js", "jquery.js","front.js"]对此:
"js": ["jquery.js","script.js","front.js"]该行的顺序是包含文件的顺序。 所以你首先需要jquery.js来定义$(用于jquery),然后用你的脚本来定义其他脚本......
change this part:
"js": ["script.js", "jquery.js","front.js"]to this:
"js": ["jquery.js","script.js","front.js"]The order of that line is the order the files are included. so you need first the jquery.js to define the $ (for jquery) and then the other scripts with your scripting...
更多推荐
发布评论