主干构造函数不起作用

Backbone constructor not working

本文关键字：不起作用 构造函数      更新时间：2023-09-26

我正在尝试一个简单的主干程序，使用express，该程序可以消除名称和Twitter句柄，并允许使用jade中的模板进行更新。但是，它不起作用。

这是我的服务器.js文件：

var express= require("express"),
bodyparser= require("body-parser");
var app= express();
app.use(express.static(__dirname+ "/public"));
app.use(bodyparser.json());
app.get("/", function(req, res){
    res.render("index.jade");
});
app.listen(3002);

这是我的索引.jade文件： 

doctype html
#main
script(type="text/template" id="showuser")
    <h1> <%= name %> </h1> 
    <p>Twitter: <a href='"http://twitter.com/"<%= twitter %>'> <%= twitter %> </a> </p>
script(type="text/template" id="edituser")
    <h1> Editing </h1> 
    <p> Name: <input type="text" name="name" id="name" value="<% name %>" /> </p>
    <p> Twitter Handle: <input type="text" name="twitter" id="twitter" value="<% twitter %>" /> </p>
    <p> <button> Update </button> </p>
script(src= "jquery.js")
script(src= "underscore.js")
script(src= "backbone.js")
script(src= "theapp.js")

这是我的应用程序.js文件： 

var User= new Backbone.Model.extend({});
var Showview= new Backbone.View.extend({
    template: _.template($("#showuser").html()),
    initialize: function(){
            this.model.on("change", this.render, this);
    },
    render: function(){
            this.$el.html(this.template(this.model.toJSON()));
            return this;
    }
});
var Editview= Backbone.View.extend({
    template: _.template($("#edituser").html()),
    events: {
        "click button": "savechange"
    },
    render: function(){ 
            this.$el.html(this.template(this.model.toJSON()));
            return this;
    },
    savechange: function(){
            this.model.set({name: $("#name").val(), twitter: $("#twitter").val()});
    }
});
var me= new User({name: "Anna", twitter: "anna9090"}),
showview= new Showview({model: me}),
editview= new Editview({model: me});
$("#main").append(showview.render().el).append(editview.render().el);

我收到一个错误：未定义不是在线上的函数：

var me= new User（{name： "Anna"， twitter： "anna9090"}），

在文件中.js

扩展主干模型时应删除new运算符。

var User = Backbone.Model.extend({});
// ...
var me = new User({name: "Anna", twitter: "anna9090"}),
相关文章：