Django javascript不工作$未定义

Question

所以，我一直在做一个 django 项目（使用 djagno 1.11），我看到有人用他们的 git repo here 模拟了一个非常酷的聊天功能（使用 django 2.0）here。我可以按照指南在它自己的应用程序中重新创建整个项目，但是当我将它添加到我自己的应用程序时，我遇到了麻烦。我当前的应用程序使用引导程序并具有 javascript 将项目添加到购物车和其他类似的东西，我想知道这是否妨碍了我。其他的 javascript 仍然有效，新的 javascript 没有。我得到了你的基本错误：

未捕获的引用错误：$ 未定义

当我用谷歌搜索它时，我发现这意味着在定义之前正在使用某些东西。我在 python 方面很不错，但在 javascript 方面是一个极端新手，所以我不确定发生了什么。深入研究错误，我看到以下内容：

    <script src="https://project.s3.amazonaws.com/static/js/chat.js"></script>
<script>
    // For receiving
    sender_id = "";
    receiver_id = "1";

    //For sending
    $(function () {      <<--  This is where the error is pointing to.
        scrolltoend();
        $('#chat-box').on('submit', function (event) {
            event.preventDefault();
            var message = $('#id_message');
            send('', '', message.val());
            message.val('');
        })
    })
</script>

</div>

上面的代码位于 project/chat/templates/chat/chat.html 中的 html 文件的底部，它通过 {% static 'js/chat.js' %} 引用了 chat.js，上面是 aws 代码行cloudhere：project/static_my_proj/js/chat.js。我正在集成的这段代码有“materialize.js”和“materialize.min.js”之类的东西，我试图了解它们的作用。

我想知道我是否正在尝试结合两种类型的 javascript。我完全迷路了。有没有人有任何指示？有什么我可以提供的代码可以提供帮助吗？

谢谢

Answer 1

您必须添加以下行

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

在/之前

<script src="https://project.s3.amazonaws.com/static/js/chat.js"></script>

这一行

Answer 2

我认为你没有正确声明变量。

变量，

sender_id = "";
receiver_id = "1";

应该这样声明，

var sender_id = "";
var receiver_id = "1";

// if you are using ES6 then

const sender_id="";
const receiver_id = "1";

除此之外，也许您应该像 Ahmet Zeybek 所说的那样包含 jquery。

Materialize.js 和 Materialize.css 是 materialize 框架的一部分，类似于 bootstrap。