jQuery在Chrome擴展程序中未定義？

Question

我嘗試在進行我的第一個chrome擴展時在js文件中運行一個簡單的jQuery調用，但不確定為什么我一直收到此錯誤：

Uncaught ReferenceError: $ is not defined

這是我的清單文件：

{
  "manifest_version": 2,
  "name": "Getting started example",
  "version": "1.0",

"description": "This extension shows a Google Image search result for the current page",

 "background": {
    "scripts": ["jquery-2.2.0.min.js", "popup.js"],
     "persistent": false
  },

  "browser_action": {
    "default_icon": "icon.png",
    "default_title": "Click here!"
  },
  "permissions": [
    "activeTab",
    "https://ajax.googleapis.com/"
  ]
}

這是彈出式js中的onclick調用：

chrome.browserAction.onClicked.addListener(function(tab) {
  console.log("FIRE");
  chrome.tabs.executeScript(null, {file: "testScript.js"});
});

這是錯誤顯示的測試腳本：

console.log('foo'); 
console.log($('#page-top'));

foo被打印出來，但是然后我得到了$的錯誤

Answer 1

對我有用的解決方案（因為我看到很多問題了）是在testScript之前沒有執行它...我將其更改為：

chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.executeScript(null, {file: "jquery-2.2.0.min.js"});
  chrome.tabs.executeScript(null, {file: "testScript.js"});
});