javascript - 如何使用 Knockout 绑定(bind) javascript 对话框？

Question

我在 observableArray 中有一个数据列表，我想在 javascript 对话框窗口中显示它(如果重要的话，我正在使用 jQuery.blockUI)。不幸的是，在页面加载后，对话框似乎解除了绑定(bind)。该对话框正确初始化(显示数据)，但它不会随着更改而更新。

没有 Javascript 错误，我已将绑定(bind)移至生成对话框并将其添加到文档后(无效)。我还尝试在构成对话框的主 div 上调用 ko.applyBinding，但由于某种原因，导致部分主页隐藏(DOM 在那里，但它们被隐藏)。

编辑:我已在 jsfiddle 上创建了一个项目重现问题。罪魁祸首似乎是将对话框的内容包装在 div 中。如果我直接显示内容，它似乎可以工作(当然我不能这样做，包装器为我们的对话框提供了通用的样式)。

我正在从流感中恢复，很容易会错过一些明显的东西，但我已经尝试了一整天，但什么也没发生。有什么想法吗？

Answer 1

问题在于 DOM 中不存在该对话框(尽管您调用了 $(document).append()。您无法将 div 添加为文档本身的子级)。相反，将对话框附加到正文并将其隐藏。

$dlg = $('<div></div>').hide();
$('body').append($dlg);

在这里工作: http://jsfiddle.net/yL6ds/4/