Backbone.js 主干从集合中删除不工作 var-Wine=Backbone.Model.extend({ 酒名：“查尔斯·肖” }) var=Backbone.Collection.extend({ 型号：葡萄酒 }) var divElement=Backbone.View.extend({ 初始化：函数（）{ 这个。render（）； }, 标记名：“ul”， 渲染：函数（）{ $（“#div1”）.empty（）； $（“#div1”）。追加（“”）， 葡萄酒。每种（功能（型号）{ $（“#ulList”）.append（“”+model.winename+“”）； }); 归还这个； } }); var wine1=新葡萄酒（）； wine1.winename=“wine1”； var葡萄酒=新葡萄酒（）； 葡萄酒。添加（葡萄酒1）； var wine2=新葡萄酒（）； wine2.winename=“wine2”； 葡萄酒。添加（葡萄酒2）； 函数changewinename（型号、winename）{ this.winename=winename； } var d=新的元素（葡萄酒）； 葡萄酒。在（“添加”，addwinename）； 葡萄酒。在（“移除”，移除葡萄酒名称）； 函数addwinename（模型，winename）{ d、 初始化（）； } 函数removewinename（模型，winename）{ d、 初始化（）； } 函数AddWine（）{ var winename=$（“#winename”）.val（）； var wineFromUI=新葡萄酒（）； wineFromUI.winename=winename； 添加（wineFromUI）； $（“#wineName”）.val（“”）； } 函数changewinename（型号、winename）{ this.winename=winename； } 函数RemoveWine（）{ var wineValue=$（“#wineName”）.val（）； var wine1=新葡萄酒（）； wine1.on（{“change:winename”：changewinename}）； wine1.set（{winename:wineValue}）； 警报（wine1.winename）； 葡萄酒。去除（葡萄酒1）； $（“#wineName”）.val（“”）； }

---

模型的集合移除不起作用。Add可以正常工作。

您需要在收藏中添加如下功能：

var Wine = Backbone.Model.extend({
    winename: "Charles Shaw"
})

var Wines = Backbone.Collection.extend({
    Model: Wine
})

var divElement = Backbone.View.extend({
    initialize: function () {
        this.render();
    },
    tagName: "ul",
    render: function () {
        $("#div1").empty();
        $("#div1").append("<ul id='ulList'></ul>"),
        wines.each(function (model) {
            $("#ulList").append("<li>" + model.winename + "</li>");
        });
        return this;
    }
});

var wine1 = new Wine();
wine1.winename = "wine1";
var wines = new Wines();
wines.add(wine1);

var wine2 = new Wine();
wine2.winename = "wine2";
wines.add(wine2);

function changewinename(model, winename) {
    this.winename = winename;
}

var d = new divElement(wines);
wines.on("add", addwinename);
wines.on("remove", removewinename);
function addwinename(model, winename) {
    d.initialize();
}

function removewinename(model, winename) {
    d.initialize();
}

function AddWine() {
    var winename = $("#wineName").val();
    var wineFromUI = new Wine();
    wineFromUI.winename = winename;
    wines.add(wineFromUI);
    $("#wineName").val("");
}

function changewinename(model, winename) {
    this.winename = winename;
}

function RemoveWine() {
    var wineValue = $("#wineName").val();
    var wine1 = new Wine();
    wine1.on({ "change:winename": changewinename });
    wine1.set({ winename: wineValue });        
    alert(wine1.winename);
    wines.remove(wine1);
    $("#wineName").val("");
}

在你看来是这样的：

var Wines = Backbone.Collection.extend({
    Model: Wine,
     removeElement: function(elements, options) {
        return this.remove(elements, options);
     }
})

wines.removeElement(wine1);