js . button 按钮问题

Question

最近在自学 Django 框架 遇到一个JS问题 不知道是浏览器不支持 还是自己代码写的问题

请帮忙看下
html代码

    <p class="text-right">
        <button id="add_column" onclick="add_column()" class="btn btn-primary"> add column </button>
    </p>

JS 代码

<script type="text/javascirpt" src='{% static "js/jquery.js" %}'></script>
<script type="text/javascirpt" src='{% static "js/layer.js" %}'></script>
<script type="text/javascript">
    function add_column(){
        var index = layer.open({
            type: 1,
            skin: "layui-layer-rim",
            area: ["400px","200px"],
            title: "新增栏目",
            content: '<div class="text-center" style="margin-top:20px"><p>请输入新的栏目名称</p><p><input type="text"></p></div>',
            btn: ['确定','取消'],
            yes: function(index, layero){
                column_name = $('#id_column').val();
                alert(column_name);
            },
            btn2: function(index, layero){
                layer.close(index);
            }
        });
    }
</script>

报错信息

Answer 1

应该是你的静态资源layer.js加载有问题，在浏览器的network看看jquery和layer有没有加载成功。

Answer 2

跟楼上的差不多看看Sources有没有把layer.js加载进来

Answer 3

layer.js没有引入成功，细心检查一下路径是否正确。