4

我想使用 @Ajax.ActionLink 弹出一个表单，所以我在我的 cshtml 页面中这样做了：

   @Ajax.ActionLink("click ", "AddToMembers", new AjaxOptions { HttpMethod = "GET", UpdateTargetId = "result", InsertionMode = InsertionMode.Replace, OnSuccess = "openPopup" })
   <div id="result" style="display:none;"></div>

并添加此脚本：

      <script type="text/javascript">
          $(document).ready(function () {
              $("#result").dialog({
                  autoOpen: false,
                  title: 'Title',
                  width: 500,
                  height: 'auto',
                  modal: true
              });
          });
          function openPopup() {
              $("#result").dialog("open");
          }
</script>

在我的控制器中添加了这个功能：

 [HttpGet]
    public PartialViewResult AddToMembers()
    {
        return PartialView();
    }

但是当我点击表单中的“点击”时，新页面会在浏览器中打开。不在我的弹出表单中有什么问题？？？

4

1 回答 1

7

我怀疑您忘记在页面中包含以下脚本：

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>

此脚本用于对Ajax.ActionLink助手生成的锚点进行 AJAX 化。此外，您正在使用 jQuery 对话框，请确保您已引用 jQuery UI：

<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.js")" type="text/javascript"></script>
于 2012-02-16T12:51:18.863 回答