淘汰赛绑定到部分视图和 jqueryui 对话框

Question

我的 html 看起来像这样：

<div id="div-details">
    ...
    <div title="Edit" class="edit-pop">
    ...
    </div>
</div>

这就是我进行绑定的方式：

var productVM = new ProductViewModel();
ko.applyBindings(productVM, document.getElementById('div-details'));

我必须传递第二个参数，因为在 div-details 的上方和下方有一些第三方代码（我们无法控制），并且它们也使用了淘汰赛。

问题是编辑弹出对话框被移动到页面底部，所以它不再在 div-details 里面了。并且用于编辑的淘汰赛绑定不起作用。关于如何使这项工作的任何建议？

谢谢。

Answer 1

没有你的 viewModel 代码，我猜你的问题是：

• 您已将“产品编辑”代码放入“productVM”中
• 当“div.edit-pop”移出时，您的绑定将不再起作用。

所以我建议的解决方案是：

• 将您的编辑逻辑拆分为另一个模型“editModel”
• 将“editModel”与pop div绑定