Question

我想在asp mvc中使用popup视图;如何使用jquery弹出视图？当我点击链接时，我想弹出RequirementDetails视图。

<p>
<%:Html.ActionLink(list.JobTitle,"RequirementDetails","Admin",new{id=list.RequirementID},null)%>
</p>

我的jQuery弹出视图：

<script type="text/javascript">
$(function () {
    $('.popup-link').click(function () {
        var href = $(this).attr('href');
        $('<div><p class="popup-content"></p></div>').dialog({

            autoOpen: true,
            modal: true,
            height: 300,
            width: 500,
            open: function () {
                $(this).find('.popup-content').load(href);
            },
            Exit: function () {
                $(this).dialog('Exit');
            }
        });
        return false;
    });
});
</script>

<p>             
<%:Html.ActionLink(list.JobTitle,"RequirementDetails","Admin",new{id=list.RequirementID}, new { @class = "popup-link" })%>
</p>

它正在工作（当我点击链接时打开弹出框）但问题是当我点击关闭弹出对话框时它关闭了，第二次点击链接两个弹出窗口打开;我该如何解决这个问题？

Answer 1

您可以尝试设置锚点的target属性：

<%= Html.ActionLink(
    list.JobTitle,
    "RequirementDetails",
    "Admin",
    new{ id = list.RequirementID },
    new { target = "_blank" }
) %>

如何使用jquery或javascript asp mvc2弹出视图

1 个答案: