Question

我正在学习Backbonejs而且我真的很困惑链接外部JS文件。所以，如果我在HTML文档中编写Backbone脚本之间的一切工作正常。但是，如果我在HTML中添加一个链接到JS文件，它就不起作用。我在这个文件中测试了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>

问候！

Answer 1

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

我会确保您的'testingscript.js'文件位于正确的路径中并正确加载。您可以在Web浏览器中查看控制台（如果使用fireFox，则从FireBug开始，如果使用Chome，则选择'Inspect Element'）。

确认文件已正确加载后，应该可以正常工作，因为我发现您的代码中没有任何异常。

祝你好运！

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

链接Backbone.js外部文件

1 个答案: