0

嘿，我正在尝试构建一个简单的 Chrome 扩展程序，例如删除元素，我收到此错误：

未捕获的 ReferenceError：$ 未定义（匿名函数）

我确定该页面有 jquery，而且我的扩展也有 jquery。

这是json代码：

{
  "name": "TEST",
  "version": "1.0",
  "manifest_version": 2,
  "description": "jonathan",

  "content_scripts": [
    {
      "matches": [ "http://*/*", "https://*/*"],
      "js": ["jquery-1.10.1.min.js", "alert.js","contentscript.js"]
    }
  ],
   "permissions": [
    "tabs", "http://*/*" , "https://*/*"
  ],

  "browser_action":{
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  }
}

这是 HTML 文件：

<!DOCTYPE html> 
<html>
<head>
    <link href="style.css" rel="stylesheet" type="text/css" />
     <script src='jquery-1.10.1.min.js'></script>
     <script src='alert.js'></script>
     <script src='contentscript.js'></script>

</head>


<body>

<h1 id = "title">Test</h1>

<input type = "button" value ="Find And Replace" id="btn1" />
<input type = "button" value ="Move Steps" id="btn2" />
<input type = "button" value ="Move Steps" id="btn3" />

<div id="content">


</div>

</body>
</html>

这是Js文件

   $(document).ready(function()
   {

        $('#btn1').click(function(){
            $('#content').load('index.html',function() {
                $('#changebtn').click(function(){
                    var rep = $('#replace').val();
                    var find = $('#find').val();
                    replace(find,rep);

                });
            })
        });

        $('#btn2').click(function(){
            $('#content').load('movestep.html',function() {
                $('#changebtn').click(function(){   

                });
            })
        });
    });

这是执行脚本注入的其他 JS 文件

function replace(Find,Replace)
{
    chrome.tabs.executeScript(null,{code:"$('#topBar').val('dfasdfasdfasdfklajsdfklasdg')"});
    console.log("Good");
}

太感谢了！！！

4

0 回答 0