Twitter bootstrap 击倒引导模式噩梦

我有一个使用引导模式窗口的Twitter引导应用程序。页面是用敲除js构建的。该页面是一个有10行的SPA。每行都有自己的隐藏模式窗口，当用户单击按钮时会显示该窗口。但是，模式框有一个文本框，由于某些原因无法编辑。所有浏览器上都会发生同样的情况

每个模态包含一个表单元素

<!-- ko foreach: talks -->
<div data-bind="showModal: $data.ShowModal" class="modal fade">
    <form class="form-horizontal" method="POST" 
        action="#" 
        data-bind="submit: $root.createTalk, attr: { 'id': $data.ModalId }" enctype = "multipart/form-data">
        <div class="modal-header">
            <h3>Add Talk</h3>
        </div>
        <div class="modal-body">
<div class="control-group">
                <label class="control-label" >Title:</label>
                <div class="controls">
                    <input name="title" data-bind="value: $data.Title, attr: { 'id': $data.TitleIdStr() }" type="text" />

添加谈话
标题：

每个输入框都有一个唯一的id，并且表单是唯一的。我真的不明白为什么这种事一直发生

---

非常感谢您的帮助。

您的无容器绑定是否嵌套在另一个元素中？ShowModal方法是什么样子的？需要更多信息才能正确调试此方法。小提示，在循环中，您不必使用$data来获取属性，只需使用属性本身即可。e、 g.

value:Title

也许这会有帮助。。。