链接Backbone.js外部文件

链接Backbone.js外部文件,backbone.js,Backbone.js,我正在学习Backbonejs,我对链接外部JS文件感到非常困惑。所以,如果我在HTML文档中编写主干脚本,一切都很好。但如果我在JS文件中添加一个HTML链接,它就不起作用了。我在这个文件中测试了jQuery,它运行良好,似乎只有Backbone.js脚本不起作用。因此,主要问题是: 如何将使用Backbone.JS的外部JS文件链接到HTML文件 <!doctype html> <html> <head> <scrip

我正在学习Backbonejs,我对链接外部JS文件感到非常困惑。所以,如果我在HTML文档中编写主干脚本,一切都很好。但如果我在JS文件中添加一个HTML链接,它就不起作用了。我在这个文件中测试了jQuery,它运行良好,似乎只有Backbone.js脚本不起作用。因此,主要问题是:

如何将使用Backbone.JS的外部JS文件链接到HTML文件

    <!doctype html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min.js"></script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js"></script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/backbone-localstorage.js/1.0/backbone.localStorage-min.js"></script>
        <script src="testingscript.js"></script>
        <title>Backbone for beginners</title>
    </head>

    <body>

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

        <script>

        var AppView = Backbone.View.extend({
            el: $('#container'),
            // template which has the placeholder 'who' to be substitute later
            template: _.template('<h3>Hello <%= who %></h3>'),
            initialize: function () {
                this.render();
            },
            render: function () {
                // render the function using substituting the varibile 'who' for 'world'
                this.$el.html(this.template({who: 'world!'})); 
            }
        });

            var appView = new AppView ();

        </script>


    </body>
</html>

初级骨干
加载。。。
var AppView=Backbone.View.extend({
el:$(“#容器”),
//包含占位符“who”的模板将在以后替换
模板:u.template('Hello'),
初始化:函数(){
这个。render();
},
渲染:函数(){
//使用变量“who”替换“world”来呈现函数
this.$el.html(this.template({who:'world!'}));
}
});
var-appView=new-appView();

你好

在使用backbonejs的同一HTML文件中加载其他js文件没有特殊的魔力

我会确保您的“testingscript.js”文件位于正确的路径,并正确加载。您可以在web浏览器中查看控制台(如果您使用fireFox,请查看FireBug;如果使用Chome,请查看“Inspect Element”)

一旦您确认文件已正确加载,事情就会正常进行,因为我看不出您的代码中有任何异常

祝你好运

<script src="testingscript.js"></script>


发布HTML的相关部分。加载主干和使用它的JS代码的方式与加载jQuery和使用它的代码的方式相同。没有任何代码都无法回答。然而,你会想使用一个类似于加载器的工具,而不是硬编码脚本标签。谢谢,现在可以用了!