Question

我已将jquery cdn链接到HTML文件，并仔细检查了我的代码。我到底发生了什么，我没看到。这是JS：

$(document).ready(function () {

    $(".menu-icon").on("click", function () {
        $(".navlist").toggleClass("active");
        $(this).toggleClass("open");
        });
    });

这是我的HTML：

<head>
    <meta charset="utf-8" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script href="mainjs.js"></script>
    <link rel="stylesheet" href="style.css" />
    <title>Chase Quinn</title>
    <link rel=" icon " href="Assets/favicon.png " />
    <link href="https://fonts.googleapis.com/css?family=Do+Hyeon " 
    rel="stylesheet " />

</head>

我已经在我的页脚和标题中链接了cdn，但无济于事。有没有人有任何想法？

Answer 1

您必须在html文件中导入JQuery library。只需将此行代码添加到最后的head代码中，或者将其放在</body>代码之前，之前自定义脚本！

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

如果问题是$未定义，请尝试使用此代码而不是之前的代码。

(function($){
  $(".menu-icon").on("click", function(){
    $(".navlist").toggleClass("active");
    $(this).toggleClass("open");
   });
})(jQuery);

<小时/> 如果上面的代码不起作用，您可以尝试使用jQuery.noConflict()

只需添加$变量。

var $ = jQuery.noConflict();
$(document).ready(function(){
  $(".menu-icon").on("click", function(){
    $(".navlist").toggleClass("active");
    $(this).toggleClass("open");
   });
});

$未定义，js中没有def错误

2 个答案: