simplemodal - 简单模式弹出后数据绑定(bind)不起作用

Question

请考虑以下代码(也在 this fiddle 中):

var viewModel = {
    count:ko.observable(0),
    add:function (){
    this.count(this.count()+1);
        },
    popup:function (){
    $.modal($("#divPopup"));
    }
}

ko.applyBindings(viewModel);

而这个对应的 View :

<button id="btnAdd" data-bind="click:add">Add</button>
<button id="btnPopup" data-bind="click:popup">Popup</button>
<div id="divPopup">
    <span data-bind="text:count"></span>
</div>

现在:

点击添加按钮

点击弹出按钮

单击模态窗口的右上角(对不起，我没有“x”图像)

添加按钮不起作用

我不能使用:

$.modal($("#divPopup").html());

因为在我的应用程序中，当 $.modal() 时 html 不呈现.

或者把它作为另一个问题:当我的 viewModel 改变时，我怎么知道 html 渲染何时完成？

Answer 1

尝试将 persist: true 传递给 modal() 的选项，例如:

$("#divPopup").modal({ persist: true });

http://jsfiddle.net/rniemeyer/BxVF9/