Jquery 在partialview上回发后失去对fancybox的控制

Jquery 在partialview上回发后失去对fancybox的控制,jquery,asp.net,asp.net-mvc,asp.net-mvc-4,fancybox,Jquery,Asp.net,Asp.net Mvc,Asp.net Mvc 4,Fancybox,我正在从fancybox加载部分视图。partialview拥有Form=Post,一旦我提交表单,我需要在同一个fancybox上显示结果 但返回加载完整视图的结果,在提交后我将失去对fancybox的控制 查看加载fancybox <a href="#" onclick="display_dialog()"><strong>Email</strong></a> @section Scripts { @Scripts.Render("~/bun

我正在从fancybox加载部分视图。partialview拥有
Form=Post
,一旦我提交表单,我需要在同一个fancybox
上显示结果

但返回加载完整视图的结果,在提交后我将失去对fancybox的控制

查看加载fancybox

<a href="#" onclick="display_dialog()"><strong>Email</strong></a>

@section Scripts {
@Scripts.Render("~/bundles/Bootstrap")
@Scripts.Render("~/bundles/fancybox")
@Styles.Render("~/Content/jquery.fancybox.css")
@Scripts.Render("~/bundles/jqueryval")
<script type="text/javascript">
    function display_dialog() {
        $.fancybox.open({
            href: '/ContactSubmission/',
            type: 'ajax',
            padding: 0,
            openEffect: 'fade',
            openSpeed: 'normal',
            closeEffect: 'elastic',
            closeSpeed: 'slow',
            minWidth: 'auto',
            minHeight: 'auto',
            helpers: {
                title: {
                    type: 'float'
                }
            }
        });
    }
</script>
}
ContactSubmissionController.cs 我发回邮件后,如何保持在同一个fancybox中

 @using System.Web.UI.WebControls
 @model SPE.ContactSubmissionForm.Models.Contact

   <div id="result"></div>
    @using (Html.BeginForm(null, null, FormMethod.Post, new { enctype = 
             "multipart/form-data", @class = "form-horizontal", role = "form" }))
     {
        //html controls
           <div class="form-group">
                        <div class="col-sm-4 col-md-offset-5">
                            <button type="submit" class="btn btn-primary">Submit</button>

                            <button type="submit" class="btn btn-default">Cancel</button>
                        </div>
                    </div>
     }
$(function (e) {
    e.preventDefault();
    $('form').submit(function () {

        if ($(this).valid()) {
            $.ajax({
                url: this.action,
                contentType: attr("enctype", "multipart/form-data"),
                type: this.method,
                data: $(this).serialize(),
                success: function (result) {
                     $('#result').html(result);

                }
            });
        }
        return false;
    });
public class ContactSubmissionController : Controller
{
    public ActionResult Index()
    {
        var contact = new Contact
        {
            Countries = Context.GetCountries()
        };

        return PartialView(contact);
    }

    [HttpPost]
    public ActionResult Index(Contact contact)
    {
        if (ModelState.IsValid)
        {
            if (contact != null)
            {

            }
        }

        return Content("Thanks", "text/html");
    }
}