0

使用主干 JS 库构建页面。我有一个集合、视图和路由器。目标是列出页面中集合的所有条目。

该系列

window.Artifact = Backbone.Model.extend({
    urlRoot:"/rest/artifacts",

    initialize:function(){
      this.artifacts = new ArtifactCollection();
    }
});

window.ArtifactCollection = Backbone.Collection.extend({

     model:Artifact,
     url:"/rest/artifacts"

});

var artifacts = new ArtifactCollection;

风景

window.findView = Backbone.View.extend({

    initialize:function () {
       console.log('Initializing Find View');
       this.template = _.template(tpl.get('find'));
    },

    render:function (eventName) {

    var data = { 'data' : artifacts.models };
            $(this.el).html(this.template( data ));
            return this;
    }
});

路由器程序

var AppRouter = Backbone.Router.extend({

routes:{
    "":"home",
    "contact":"contact",
    "get":"get",
    "find":"find",
    "requests/:id":"requests"
},

find:function(){

    artifacts.fetch( {
        success:function(){
            this.findView = new findView( );
            this.findView.render();
            $('#content' ).html( this.findView.el );
        }
    });
},

问题是，它大部分时间都有效，但有时不起作用。它抛出以下异常

Uncaught TypeError: object is not a function
artifacts.fetch.successmain.js:53
_.extend.fetch.options.successbackbone-0.9.2.js:760
jQuery.Callbacks.firejquery.js:1032
jQuery.Callbacks.self.fireWithjquery.js:1150
donejquery.js:7385
jQuery.ajaxTransport.send.callback

以前有人见过这种类型的问题吗？

4

1 回答 1

0

我在路由器的这段代码中将重命名this.findView为。现在一切正常。有人可以解释这种变化的意义是什么吗？this.findartifacts.fetch( { success:function(){ this.find = new findView( ); this.find.render(); $('#content' ).html( this.find.el ); } });

我不是肯定的，但我猜在你的success函数中，this是对 的引用window，当你有时this.findView = new findView();，你正在覆盖，导致函数再次运行并尝试window.findView时出现“未捕获的 TypeError：对象不是函数”success打电话new findView()。

于 2012-04-30T21:47:07.457 回答