为什么这个推特引导模式在使用淘汰 js 时不起作用

Why is this twitter bootstrap modal not working when using knockout js?

本文关键字：淘汰 js 不起作用 模式 为什么      更新时间：2023-09-26

我正在尝试使用Twitter引导模式对话框来淘汰js。

我从 Knockout js 网站中获取了联系人编辑器示例，并将其更改为使用模态对话框进行添加/编辑。

我花了相当长的时间试图让它工作，但由于某种原因它不是。

您可以在此处查看：

http://jsfiddle.net/27pscgnk/5/

提前感谢任何解决方案

我认为问题可能出在这里（当用户单击保存时不会调用）：

self.addContact = function() {
    self.contacts.push({
        firstName: "",
        lastName: "",
        phones: ko.observableArray()
    });
};

我删除了小提琴中的一些错误，并根据您的输入更改了 add 函数以工作，现在看看小提琴 http://jsfiddle.net/27pscgnk/6/

self.contact = {
    firstName: ko.observable(),
    lastName: ko.observable(),
}
self.addContact = function() {
    self.contacts.push({
        firstName: self.contact.firstName(),
        lastName: self.contact.lastName(),
        phones: ko.observableArray()
    });
};

并在绑定中：

<div class="form-group">
    <label for="inputNameLbl" class="col-sm-2 control-label">First Name</label>
    <div class="col-sm-10">
        <textarea data-bind="value: contact.firstName"></textarea>
     </div>
</div>
<div class="form-group">
     <label for="inputDescLbl" class="col-sm-2 control-label">Last Name</label>
     <div class="col-sm-10">
          <textarea data-bind="value: contact.lastName"></textarea>
     </div>
</div>
相关文章：