淘汰虚拟元素并使用“with”而不使用容器元素

Question

有人可以告诉我为什么会这样：

<div data-bind="with: selectedItem">
    <div id="dialog" data-bind="jqDialog: {title: drugName}">
        //contents of a jquery ui modal
    </div>
</div>

但尝试对KO虚拟元素执行相同操作不起作用：

<!-- ko with: selectedItem -->
    <div id="dialog" data-bind="jqDialog: {title: drugName}">
        //contents of a jquery ui modal
    </div>
<!-- /ko -->

我收到以下错误：

Error: Unable to parse bindings.
Message: ReferenceError: drugName is not defined;
Bindings value: jqDialog: {title: drugName}

我想摆脱只包含data-bind属性的div包装器。我认为虚拟元素会让这变得轻而易举。

编辑：这是页面的核心（尽管它不会在小提琴中运行），http://jsfiddle.net/B8g5J/

Answer 1

我不确定您是否对此进行了整理，但您的服务器是否可能配置为删除评论？

请参阅：Knockout.js Virtual Elements Work Locally But Not Remotely