Chrome扩展的Javascript外部脚本不工作

我目前正在开发一个Chrome扩展，但我的it似乎无法执行任何Javascript

$(document).ready(function () {
    $("#overlay").hide();
});

在本例中，我试图隐藏id为“overlay”的div，但它似乎不起作用。存储在外部文件（popup.js）中

舱单：

{
    "name": "Test",
    "version": "0.0.1",
    "manifest_version": 2,
    "description": "",
    "offline_enabled": true,
    "background": {
     "scripts": [
         "js/background.js"
           ]
    },
    "icons": { "16": "android-16.png",
           "48": "android-48.png",
           "128": "android-128.png"
    },
    "browser_action": {
        "default_icon" : "android-128.png",
        "default_title": "",
        "default_popup": "index.html"
    },
    "permissions": [
        "background", "unlimitedStorage", "tabs"
    ],
    "web_accessible_resources": [
    "index.html","js/popup.js"
    ]
}

位于正文结束标记之前的HTML链接：

<script src="js/background.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="js/popup.js"></script>

正如@Xan所提到的，为了避免出现这种情况，最好的办法是下载jquery.js并将其作为扩展的一部分。

忘了提到，js文件都存储在名为“js”的目录中的一个文件夹中下载jQuery并像加载脚本一样加载它。这里回答了一个类似的问题：不能选择重复，因为它没有被升级。可能是重复的嘿，@Xan你能更具体一点吗？下载jquery.js并将其添加到扩展中都不适合您？不，第一部分。添加权限将无济于事。这是有办法的，但你的答案有一半是错误的。在你编辑之前，它是完全不正确的。谢谢@Xan，我修复了它，但是我认为这个问题可以被标记为重复的，正如你在评论中提到的。让我们来看看。