javascript - 在删除点击上实现删除确认框

Question

我有一个列表项。当用户点击“X”时，对于任何列表项，我需要显示一个删除确认框，上面写着你确定要删除这个项目吗？以及是/否按钮。 p>

如果用户单击"is"，则应删除该项目。我的删除代码工作得很好。我只是不确定如何在 html 部分显示 window.confirm。这是我的代码:

<ul data-bind="foreach: activeList">
    <li data-bind="click: function () { $root.delete('Item', $data); }">
        <a data-bind="click: function () { $root.DeleteFile('Item', $data); }">
            <img src="../../DeleteCross.png" />
        </a>
    </li>
</ul>

请提出建议。

Answer 1

您不能在 html 部分执行此操作。您需要在 javascript 部分显示它。

<li data-bind="click:$root.delete('Item', $data)">
    <a data-bind="click:$root.DeleteFile('Item', $data)">
        <img src="../../DeleteCross.png" />
    </a>
</li>

在你的 View 模型中创建这样的函数

self.delete = function() {
    var confirm_delete = confirm('Are you sure you want to delete this?');
    if (confirm_delete) {
        // deletion code goes here
    }
}