Backbone.js 无效

Question

我有下 html 页：

...
    <script src="/Scripts/App/pep.js"></script>

    </head>
    <body>
    <div id="main">
        &nbsp;
    </div>
    </body>
...

'pep.js' 包含下一个内容：

var pep = {

    models: {
    },
    views: {

        loginView: Backbone.View.extend({

            tagName: 'div',

            id: 'loginContainer',

            el: $('#main'),

            events: {

            },

            initialize: function() {
                this.listenTo(this.model, "change", this.render);
            },

            render: function () {
                this.$el.html("<p>asd</p>");
                return this;
            }

        })

    },
    route: Backbone.Router.extend({

        routes: {
            "login": "login",    // #login
        },

        login: function () {
            var lv = new pep.views.loginView;
            lv.render();
        }

    }),
    onReady: function () {

        var r = new pep.route();
        Backbone.history.start();

        r.navigate('login');
    }
};

$(pep.onReady());

路由有效，但未呈现视图。有错误吗？ Backbone.js 版本为 1.2.3 Chrome 不显示任何错误。调试让我们看到浏览器进入了路由器并执行了方法。但是，该方法没有任何作用。

Answer 1

如果依赖库位于文档的 body 末尾，而不是 header.[=10= 中，则此代码有效]

Backbone.js 无效

Backbone.js doesn't work

javascript

backbone.js

backbone-views

backbone-routing