JQuery确认在提供任何输入之前没有指向链接

时间:2016-07-08 19:04:32

标签: javascript c# jquery razor confirm

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

这是我的确认框的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!');
        }
    });
});

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

1 个答案:

答案 0 :(得分:1)

原生JavaScript 提醒功能阻止,其中jQuery为非阻止。这就是为什么jQuery $ .confirm 函数为确认取消提供回调函数的原因。