将PartialView显示为弹出窗口

在我看来，我有;

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

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

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

和看起来像这样的partialView;

 
This a popup
 @Model.metadata1 

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

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

   $(function () { $('.PopUp').click(function () { $('
').appendTo('body').dialog({ close: function (event, ui) { dialog.remove(); }, modal: true }).load(this.href, {}); return false; }); });  

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

Answer 1

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