Question

在我的模板中，我添加了jquery和jquery.cookie.js，但收到以下错误：

以下是我的HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>cookie-login1</title>
</head>
<body>

    <form action="/cookie/login1/" method="post">
        <input type="text" name="username">
        <input type="text" name="pwd">
        <input type="submit" value="add">
        <input id="btn" type="button" value="button-add">
    </form>


</body>


<script src="/static/js/jquery.cookie.js"></script>
<script src="/static/js/jquery-2.1.4.min.js"></script>

<script>

    $(function(){
        $("#btn").click(function(){
            $.ajax({
                url:'/cookie/login1/',
                type:"POST",
                data:{'username':'root', 'pwd':'123'},
                success:function(response){

                }
            })
        })
    })

</script>

</html>

我的jquery版本为2.1.4，我的jquery.cookie.js版本为1.4.0。

Answer 1

html文档解析顺序是从上到下，您应首先导入jquery：

<script src="/static/js/jquery-2.1.4.min.js"></script>
<script src="/static/js/jquery.cookie.js"></script>

Answer 2

您必须导入jQuery befor jquery.cookie.js jquery.cookie.js需要jQuery，但是你的编译器目前还不知道，因为你在jQuery之前加载它。

<script src="/static/js/jquery-2.1.4.min.js"></script>
<script src="/static/js/jquery.cookie.js"></script>

我的jquery.cookie.js报告错误

2 个答案: