Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/amazon-s3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在instanceof check中需要一个函数,但得到了body-尝试在主干中创建视图_Javascript_Jquery_Json_Node.js_Backbone.js - Fatal编程技术网

Javascript 在instanceof check中需要一个函数,但得到了body-尝试在主干中创建视图

Javascript 在instanceof check中需要一个函数,但得到了body-尝试在主干中创建视图,javascript,jquery,json,node.js,backbone.js,Javascript,Jquery,Json,Node.js,Backbone.js,我正在尝试在主干网中创建一个视图,并尝试通过node require加载libs。我能够从模型/集合输出到控制台,但当我开始创建视图时,我得到错误“在instanceof check中需要一个函数,但得到了body”。我试图通过$(function()({})加载视图,也尝试了$('document')。准备好了,但运气不好-任何关于我在这里遗漏了什么或做错了什么的建议。谢谢 var express = require('express'); var $ = require('j

我正在尝试在主干网中创建一个视图,并尝试通过node require加载libs。我能够从模型/集合输出到控制台,但当我开始创建视图时,我得到错误“在instanceof check中需要一个函数,但得到了body”。我试图通过$(function()({})加载视图,也尝试了$('document')。准备好了,但运气不好-任何关于我在这里遗漏了什么或做错了什么的建议。谢谢

    var express = require('express');
    var $ = require('jQuery');
    var _ = require('underscore');
    var Backbone = require('Backbone');
    var app = express();

    app.use(express.static(__dirname + '/'));
    app.listen(process.env.PORT || 3000);

    var myModel = Backbone.Model.extend();
    var myCollection = Backbone.Collection.extend({
        model: myModel,
        url: "myjson.json",
        parse: function(response) {
            return response.cars;
        }
    })

     var cars = new myCollection();

    var myView = Backbone.View.extend({

        el: 'body',

        initialize: function() {

            cars.fetch();
            this.render();
        },
        events: {
            'click div.test': 'render'
        },
        render: function() {

            cars.each(function(myModel) {
                var _comp = myModel.get('make');
                $('div.new_test').append(_comp);

                console.log(_comp);
                return this;
            })
        }
    })

     var yourView = new myView();

也许这可能是个问题

initialize: function() {
     cars.fetch();
     this.render();
},
您正在获取集合(,它是异步的),并立即调用render方法

而是侦听集合上的
reset
事件,该事件将在集合填充后激发

initialize: function() {
     this.listenTo(cars, 'reset', this.render);
     cars.fetch();
},

然后移动
将此
返回到
$外部。每个
循环。

添加
主干。$=$;
如下所示:

var express = require('express');
var $ = require('jQuery');
var _ = require('underscore');
var Backbone = require('Backbone');
Backbone.$ = $;

你检查过了吗,下划线和jquery库真的被加载了吗?你是故意在迭代器中返回
这个
,还是那应该是
渲染
的返回值?你能从控制台提供堆栈跟踪吗?是的,下划线和jquery库正在加载,我通过编写一些jquery进行了检查,它工作了s、 。感谢您的回复,但这不是json错误,我甚至尝试了模型中的默认值,但没有成功。。我这里不是说
json
错误。我的意思是,在获取后立即调用render将是一个问题。