Javascript 弹出窗口不显示内容

我在代码中添加了一个Jquery弹出窗口。单击编辑按钮时，弹出窗口将打开，其中包含保存在数组“editAccount”中的数据。它在第一次加载时工作，但在使用几次后，数据不会显示在弹出窗口中

内部JS文件

/** View model in JS*/
function ClientViewModel() {
    var self = this;
    self.editAccount = ko.observableArray([]);
    .
    .
    .
  }

HTML

/** Method in HTML*/
 var clientViewModel = new ClientViewModel();
 clientViewModel.editAccount = function (item) {
            editSecItem = item;
            //console.log(item.ioru())
            var element = $('#accountDet')[0];
            ko.cleanNode(element);
            ko.applyBindings(item, element);
            dialog.dialog("open");

        } .bind(clientViewModel);

弹出窗口

    ko.applyBindings(clientViewModel, document.getElementById("clientDef"));
        dialog = $("#dialog-form").dialog({
            autoOpen: false,
            height: 390,
            width: 450,
            modal: true,
            close: function () {
                if (editSecItem.accountNumber() == "") {
                    clientViewModel.removeAccount(editSecItem);
                }
            }
        });

弹出式HTML

<div style="display: none">
    <div id="dialog-form" title="Account">
        <table id="accountEdit" cellpadding="3" cellspacing="1">
            <tbody>
                <tr>
                    <td>
                         Account Number
                    </td>
                    <td>
                        <input type="text" data-bind="value:accountNumber">
                    </td>
                </tr>
                 <tfoot>
                <tr>
                    <td align="center" colspan="2">
                        <span class="btn btn-block btn-primary btn-icon glyphicons ok" onclick="dialog.dialog('close');">
                            <i></i>Done</span>
                    </td>
                </tr>
            </tfoot>
        </table>
    </div>
</div>

帐号
多恩

浏览器控制台上是否显示了任何错误？没有显示任何内容：（尝试在行对话框.对话框（“打开”）之前执行console.log（）。…第二次单击编辑按钮时，它可能没有到达那里？我已经这样做了，在我的情况下，弹出窗口首先显示，几秒钟后控制台被打印