显示“未定义$”,但是代码运行正常。
我一直在尝试开发扩展,在文件中链接Jquery的CDN时遇到了一些问题,因此我只是复制了Jquery的压缩代码并创建了一个新文件,并以此方式将jquery与我的扩展链接。 在清单中,popup.js(给我一个错误)定义为:
"background": {
"scripts": ["popup.js"]
},
以下是html:
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta hhtp-equiv="X-UA-Compatible" content="ie=edge">
<title>Ad ბლოკერი</title>
<link rel="stylesheet" type="text/css" href="popup.css">
<script src="jqueryCode.js" type="text/javascript"></script>
<script src="Blacklist.js"></script>
<script src="popup.js"></script>
</head>
这是Jquery:
/*$("#checkbox").prop('checked', true);
$("#onOroff").text("ON");
document.getElementById("MyElement").classList.remove('.pauseDiv');*/
$("#checkbox").prop('checked', true);
$("#onOroff").text("ON");
$(".slider").click(function() {
if( $("#checkbox").is(":checked") ){
$("#onOroff").text("OFF");
$(".slider").css({"background-color": "#C75052"});
} else {
$("#onOroff").text("ON");
$(".slider").css({"background-color": "#50c878"});
}
}); // Switches it from On and Off
});
出于某些奇怪的原因,当我将解压缩的文件作为扩展名上传到chrome时出现错误,但是,它工作正常。 完整错误:
未捕获的ReferenceError:未定义$ 语境 _generation_background_page.html 堆栈跟踪 popup.js:1(匿名函数)
答案 0 :(得分:0)
好的,我想这是一个简单的解决方法:D
对于其他人:我将脚本作为后台脚本,该脚本在加载Chrome时启动。内容脚本是页面加载时加载的内容。 因此,当我将脚本上传到chrome:// extensions时打开新标签页之前,该脚本似乎正在运行,因此这就是给我错误的原因。
从“背景”:“脚本”切换为“ content_scripts”: