twitter-bootstrap - 淘汰赛 Bootstrap 模态噩梦

Question

我有一个使用 Bootstrap 模式窗口的 Twitter Bootstrap 应用程序。该页面是用淘汰赛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，表单也是唯一的。我真的不明白为什么会这样。

任何帮助表示赞赏。