Dom 主干：未定义el:$_Dom_Backbone.js

Dom 主干：未定义el:$

dom backbone.js

Dom 主干：未定义el:$,dom,backbone.js,Dom,Backbone.js,我有这段代码，（我正在学习主干，但控制台告诉我：“未捕获引用错误：$未定义”，我不知道为什么，我有视频教程的确切代码，错误在这行：el:$（“#容器”）这是我的密码： <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8" /> <title>Backbone Project</title> &l

我有这段代码，（我正在学习主干，但控制台告诉我：“未捕获引用错误：$未定义”，我不知道为什么，我有视频教程的确切代码，错误在这行：el:$（“#容器”）这是我的密码：

<!DOCTYPE HTML>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Backbone Project</title>

         <script src="lib/underscore.js" type="text/javascript"></script>
         <script src="lib/backbone.js" type="text/javascript"></script>
        <!--[if IE]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    </head>
    <body>

        <script type="text/template" id="task_template">
            <label>Task: </label>
            <input type="text" id="task_desc"/>
            <input type="button" value="Add Task" id="btn"/>
        </script>

        <div id="container"></div>

        <script type="text/javascript">

            Task = Backbone.View.extend({
                el : $('#container'),

                initialize: function(){
                    this.render();
                },

                render: function(){
                    var template = _.template($('#task_template').html(), {});
                    this.$el.html(template);
                }
            });

            var task = new Task();

        </script>
    </body>
</html>


骨干工程
任务：
Task=Backbone.View.extend({
el:$（“#容器”），
初始化：函数（）{
这个。render（）；
},
render:function（）{
var template=35;.template（$（'#任务_template'）.html（），{}）；
这个.$el.html（模板）；
}
});
var task=新任务（）；

示例是使用jQuery选择DOM元素，将库添加到头部

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
<!-- load other libraries that depend on jquery *after* jquery -->
<script src="lib/underscore.js" type="text/javascript"></script>
<script src="lib/backbone.js" type="text/javascript"></script>

<!-- ... time passes ... -->

<script type="text/javascript">

    // use jQuery onReady wrapper to ensure DOM has loaded before
    // executing JS that might depend on DOM elements, and scripts to exist
    $(function(){

        Task = Backbone.View.extend({
            el : $('#container'),

            initialize: function(){
                this.render();
            },

            render: function(){
                var template = _.template($('#task_template').html(), {});
                this.$el.html(template);
            }
        });

        var task = new Task();

    });

</script>


//使用jQueryOnReady包装器确保在之前加载了DOM
//执行可能依赖于DOM元素和脚本的JS
$（函数（）{
Task=Backbone.View.extend({
el:$（“#容器”），
初始化：函数（）{
这个。render（）；
},
render:function（）{
var template=35;.template（$（'#任务_template'）.html（），{}）；
这个.$el.html（模板）；
}
});
var task=新任务（）；
});

我放了Jquery，现在我有一个错误：Uncaught TypeError:在instanceof check中需要一个函数，但是得到了[object object]backbone.js:1036更糟糕的是，lol.@solitary确保在backbone之前包含Jquery。同时确保在

文档完成加载之前不要创建新任务（）
。