Связывание данных не работает после простого модального всплывающего окна

Пожалуйста, рассмотрите следующий код (также в эту скрипту):

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

И этот соответствующий вид:

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

Сейчас:

  • нажмите кнопку "Добавить".
  • нажмите кнопку всплывающего окна
  • нажмите верхний правый угол модального окна (извините, у меня не может быть "x" изображение)
  • Кнопка добавления не работает.

Я не могу использовать:

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

Потому что в моем приложении html не отображается, когда $.modal().

Или задать другой вопрос: как я могу узнать, когда html-рендеринг был завершен, когда изменилась модель viewModel?

1 ответ

Попробуйте передать persist: true для опций modal():

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

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

licensed under cc by-sa 3.0 with attribution.