c# - 将 PartialView 显示为弹出窗口

Question

在我看来，我有；

@foreach (var item in Model)
{
    <li>@Html.ActionLink("click me", "popup", "SomeData", new{id = item.ID}, new {@class = "PopUp"})</li>
}

然后我有一个看起来像这样的控制器；

public ActionResult popup(Guid id)
{
    var singelData = db.SomeRandomData.Find(id);

    return PartialView(singelData);
}

还有一个像这样的 partialView；

<div>This a popup</div>
@Model.metadata1

到目前为止一切顺利，当我点击一个链接时，我被重定向到一个 partialView。

现在到我不舒服的部分，脚本部分，这是我的尝试；

<script src="~/Scripts/jquery-ui-1.8.20.js"></script>
<script type="text/javascript">
    $(function () {
        $('.PopUp').click(function () {
            $('<div/>').appendTo('body').dialog({
                close: function (event, ui) {
                    dialog.remove();
                },
                modal: true
            }).load(this.href, {});

            return false;            
        });
    });
</script>

但它仍然只是返回一个视图。我哪里错了？

Answer 1

您应该确保在显示的 2 个脚本之前包含 jQuery。此外，我建议您使用 javascript 调试工具（例如 FireBug）并查看控制台窗口，您可能会在其中看到脚本的潜在错误。