使用KnockoutJS使用分离的节点(Using KnockoutJS with detached

什么我希望做的是分离使用jQuery的分离方法的一些节点上，更新我的视图模型，附上我的节点返回，并具有值进行更新。

这可能吗？

这里有一个完整的小提琴就是我拍摄了的。基本上，我希望能够从左至右走，单击分离，更新和重视，并在文本框的新鲜值。

UPDATE

基于RP的答案，最好的办法，假设这符合你的使用情况，是将其连接到隐藏的DOM，更新您的视图模型，然后显示您的节点。这样的事情对我的作品：

$("#updateAndAttach").click(function () {
    var junk = $("<div />").css("display", "none");
    junk.append(nodes);
    $("#home").append(junk);

    vm.a("AAA");
    vm.b("BBB");

    $(nodes).unwrap();
});

结束时更新

下面是完整的代码：

JavaScript的

$(function () {

    function ViewModel() {
        this.a = ko.observable("a");
        this.b = ko.observable("b");
    }

    var vm = new ViewModel();

    ko.applyBindings(vm, document.getElementById("home"));

    var nodes = null;

    $("#detach").click(function () {
        nodes = $("#home").children().detach();
    });

    $("#attach").click(function () {
        $("#home").append(nodes);
    });

    $("#update").click(function () {
        vm.a("AAA");
        vm.b("BBB");
    });
})();

HTML：

<div id="home">
    <input type="text" data-bind="value: a" />
    <input type="text" data-bind="value: b" />
</div>

<button id="detach">Detach</button>
<button id="update">Update</button>
<button id="attach">Attach</button>