Javascript 多个项目可见和不可见取决于可观察

我有两个项，只有当一个给定的可观察项计算为false时才可见，还有一个项在同一个项计算为true时才可见。如果我只有两个项目，它们的可见性取决于可观察的对象，那么它就可以正常工作。但是，当引入第三项时，它将停止工作

视图模型：

var viewModel = {
editable: ko.observable(false),
edit: function () {
    this.editable(true);
},
delete: function () {
    this.editable(true);
},
cancel: function () {
    this.editable(false);
},
save: function () {
    this.editable(false);
}
};

ko.applyBindings(viewModel);

这里有小提琴：

小提琴正在演奏。取消对其中一个“按钮”项的注释以查看问题

谁能确定问题出在哪里

---

在这方面，Anders是一个Javascript操作符，因此是一个保留字（请参阅）。重命名函数将修复它：

var viewModel = {
    editable: ko.observable(false),
    edit: function () {
        this.editable(true);
    },
    remove: function () {
        this.editable(true);
    },
    cancel: function () {
        this.editable(false);
    },
    save: function () {
        this.editable(false);
    }
};

ko.applyBindings(viewModel);

---

（小提琴：）

谢谢你救了我的理智！：-）