javascript - 分离元素上的 knockout 绑定(bind)

Question

看来 knockout 会破坏分离元素上的绑定(bind)。因此，如果我应用绑定(bind)并分离该元素，则不仅在元素分离时不会计算该绑定(bind)，而且在该元素重新插入回文档后它仍然会被破坏。

所以类似:

ko.applyBindings(items, $list[0]);

items.push('one');

$list.detach();

items.push('two');

$container.append($list);

items.push('three');

这是一个 fiddle :http://jsfiddle.net/nicholasstephan/KejYc/2/

$list 中的绑定(bind)应读取一、二、三，但不会计算分离后的每个更新。

我应该在这里做什么才能使这项工作成功？

Answer 1

在末尾应用绑定(bind) makes your fiddle work 。但我不认为这就是您拍摄的目的:

var $container = $("#container");
var $list = $('#list');
var items = ko.observableArray([]);

items.push('one');
$list.detach();
items.push('two');
$container.append($list);
items.push('three');
ko.applyBindings(items, $list[0]);

This SO thread建议您在每次分离后重新应用绑定(bind)，或者只是隐藏元素而不是分离它们。还有一些评论建议在这种情况下重新考虑该方法，这似乎是最好的答案。

也许您可以提供所需的行为而不是人为的示例？这可能会对提出替代模型大有帮助。假设您的目标是创建可拖动元素(即兴地，这是我需要分离/重新插入元素的唯一真正可能的情况)，您可以采取如下方法:

1. 开始拖动
2. 拖动元素的副本(在文档中保留原始元素)
3. 拖动停止
4. 将所有必要的数据从原件复制到副本
5. 将复制的元素插入新的/有效的位置
6. 删除旧元素
7. 在新元素上调用 ko.applyBindings