Question

我的html文件：

<html><body>example !</body></html>

我的manifest.json

    {
  "name": "Test",
  "version": "0.1",
  "description": "Test",
  "content_scripts": [
    {
      "matches": ["http://*/*","file://*/*"],
      "run_at": "document_end",
      "js": ["myscript.js","jquery-1.10.2.min.js"]
    }
  ],
  "manifest_version": 2
}

myscript.js文件：

/*var divtest = document.createElement("div");
    divtest.innerHTML = "new div";
    divtest.id = "divTest";
    document.body.appendChild(divtest);*/

$("body").append("Test");

JS注释掉的代码有效。另一方面，JQuery什么也没做。

感谢帮助。

Answer 1

问题是你在jQuery初始化之前尝试运行你的脚本，所以当你运行$("body")时 - $还不是“jQuery”。您需要先加载jQuery：

{
  "name": "Test",
  "version": "0.1",
  "description": "Test",
  "content_scripts": [
    {
      "matches": ["http://*/*","file://*/*"],
      "run_at": "document_end",
      "js": ["jquery-1.10.2.min.js", "myscript.js"]
    }
  ],
  "manifest_version": 2
}

在Chrome扩展程序中运行JQuery

1 个答案: