1

我正在学习 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>

问候！

4

1 回答 1

0

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

我会确保您的“testingscript.js”文件位于正确的路径并正确加载。您可以在 Web 浏览器中查看控制台（如果您使用 fireFox，则来自 FireBug，如果使用 Chome，则来自“检查元素”）。

一旦您确认文件已正确加载，事情应该会正常工作，因为我没有看到您的代码中有任何异常。

祝你好运！

<script src="testingscript.js"></script>
于 2013-08-12T18:27:40.013 回答