Uncaught ReferenceError: $ is not a function

"Uncaught ReferenceError: $ is not a function"是JavaScript中常见的错误，在使用jQuery等库时容易出现，通常是因为库没有正确引入或引入的顺序有误。

以下是示例说明：

示例一：

假设我们有一个HTML页面，其中引入了jQuery库：

<head>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>

<body>
    <script>
        $(document).ready(function(){
            console.log("Hello World!");
        });
    </script>
</body>

上述代码在浏览器中运行时，会在控制台输出"Uncaught ReferenceError: $ is not a function"的错误。这是因为在文档中加载jQuery库的代码之前，尝试使用$符号调用jQuery函数，但是此时$符号还没有定义。解决这个问题的方法是将jQuery库的引用放在调用它的代码之前：

<head>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>

<body>
    <script>
        $(document).ready(function(){
            console.log("Hello World!");
        });
    </script>
</body>

示例二：

假设我们在以下代码中使用了jQuery库和其他自定义的JS库：

<head>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="myLibrary.js"></script>
</head>

<body>
    <script>
        $(document).ready(function(){
            myFunction();
        });
    </script>
</body>

上述代码在浏览器中运行时，可能会出现"Uncaught ReferenceError: myFunction is not defined"的错误。这是因为myLibrary.js文件还没有被完全加载，而$符号和myFunction()函数都在其中定义。解决这个问题的方法是使用jQuery的document ready事件，确保myLibrary.js文件被完全加载：

<head>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="myLibrary.js"></script>
</head>

<body>
    <script>
        $(document).ready(function(){
            myFunction();
        });
    </script>
</body>

在myLibrary.js中，可以定义一个myFunction()函数：

function myFunction() {
    console.log("This is my function.");
}

上述代码可以确保myFunction()函数在$符号之后定义，因此不会出现引用错误。

总之，"Uncaught ReferenceError: $ is not a function"的错误通常是因为JavaScript库没有正确引入或引入的顺序有误。通过保证库在代码中正确位置的引用，可以避免这类错误。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：Uncaught ReferenceError: $ is not a function - Python技术站

Uncaught ReferenceError: $ is not a function

相关文章