jquery - 如何在 ajax.action 链接上打开 Bootstrap 模式弹出窗口？

Question

我正在为我的 Bootstrap 弹出窗口创建一个ajax.actionlink，如下所示，但在弹出窗口中打开它，它重定向到一个表示 Controller /操作的网址

我的代码如下

   @Ajax.ActionLink("CheckOut", "CheckOut", "Home", null, new AjaxOptions
            {
                HttpMethod = "Post",
                InsertionMode = InsertionMode.Replace,
                UpdateTargetId = "myModal"
            }, new
            {
                @class = "btn btn-primary btn-lg",
                @id = "chkOut"
            })

  $(document).ready(function () {
        $("#chkOut").attr('data-toggle', 'modal')
    });

Answer 1

使用 Ajaxoptions 的 OnComplete 属性，如下所示:

 @Ajax.ActionLink("CheckOut", "CheckOut", "Home", null, new AjaxOptions
            {
                HttpMethod = "Post",
                InsertionMode = InsertionMode.Replace,
                UpdateTargetId = "myModal",
                OnComplete = "ShowPopup",
            }, new
            {
                @class = "btn btn-primary btn-lg",
                @id = "chkOut"
            })

这是在完成 ajax 操作调用链接时调用的函数:

function ShowPopup()
{
    $("#chkOut").attr('data-toggle', 'modal');
}