javascript - JQuery 确认在提供任何输入之前不重定向到链接

Question

我看到很多人寻求有关 JQuery 确认消息的帮助，但我正在使用 JQuery 确认插件链接:https://craftpip.github.io/jquery-confirm/ 我的问题是，当模式打开时，它会立即关闭，而用户无法单击任何内容。它不仅会关闭，而且只会转到指定的 href 链接。我怎样才能让它等待用户。我将 MVC Visual C# 与 Razor 结合使用。

这是我的确认框 JavaScript。

$('.deleteAdmin').on('click', function () {
    $.confirm({
        title: 'Delete Admin',
        content: 'Are you sure you want to delete this admin?',
        confirmButton: 'Yes',
        cancelButton: 'Cancel',
        confirmButtonClass: 'btn-warning',
        cancelButtonClass: 'btn-success',
        animation: 'rotate',
        animationBounce: 1.3,
        theme: 'black',
        animationSpeed: 800
    });
});

我能够将确认框保留在页面上的唯一方法是将其放在 <a> 中。链接onclick="return false;" ，或者有return false;然而，在单击功能中，两者都使它不会发生任何事情。

我的 cshtml 文件的部分是

<td class="admin-table-delete-style"><a href="@Url.Action("DeleteAdmin","Stats",new { adminToRemove = @item.UserName })" class="deleteAdmin">Delete</a></td>

其中 item.UserName 是要删除的管理员的用户名(该部分工作正常)。

创建者的网站使用了他们自己的确切代码，并且可以正常工作

$('.example2').on('click', function () {
    $.confirm({
        title: 'Confirm!',
        content: 'Simple confirm!',
        confirm: function () {
            $.alert('Confirmed!');
        },
        cancel: function () {
            $.alert('Canceled!');
        }
    });
});

感谢任何和所有帮助，谢谢!

Answer 1

原生 JavaScript alert 函数是阻塞，而 jQuery 函数是非阻塞。这就是 jQuery $.confirm 函数为您提供 confirm 和 cancel 回调函数的原因。