弹出框 html 内容中的敲除单击绑定不起作用

Question

我正在尝试在弹出框上应用 HTML 包含的点击绑定。
点击事件在 $root.confirmDeleteColor

中不起作用

下面是html代码，在按钮(YES)中调用了click事件。

<tbody data-bind="foreach: responseData">
    <td align="center">
       <a class="btn btn-default glyphicon glyphicon-pencil" title="Edit Color" data-bind="attr: { id: id}"></a>
       <a class="btn btn-danger glyphicon glyphicon-trash popover-top" data-toggle="popover" data-html="true" 
       data-content='<div><b>Are you Sure you want to delete this Item ?</b><div class="modal-footer"><button type="button" class="btn btn-secondary">No</button><button type="button" class="btn btn-danger" data-bind="click: $root.confirmDeleteColor">yes</button></div></div>'
       title="Delete Color"></a>
    </td>
</tbody>

这是虚拟机代码

confirmDeleteColor: function () {
    var self = this;
    console.log("testing");
}

在控制台中不打印测试文本。

这是页面的图片

Answer 1

这是因为当 bootstrap 将 popover 附加到 DOM 时 - 敲除模板已经编译，因此 Knockout 不知道您的点击绑定。 在这种情况下，您应该使用这样的绑定： Knockstrap popover 或创建自己的 (Custom Knockout bindings)