未定义$(出于某种奇怪的原因)

时间:2019-10-01 10:17:38

标签: javascript jquery html css

显示“未定义$”,但是代码运行正常。

我一直在尝试开发扩展,在文件中链接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(匿名函数)

1 个答案:

答案 0 :(得分:0)

好的,我想这是一个简单的解决方法:D

对于其他人:我将脚本作为后台脚本,该脚本在加载Chrome时启动。内容脚本是页面加载时加载的内容。 因此,当我将脚本上传到chrome:// extensions时打开新标签页之前,该脚本似乎正在运行,因此这就是给我错误的原因。

从“背景”:“脚本”切换为“ content_scripts”: