Jquery 在partialview上回发后失去对fancybox的控制
我正在从fancybox加载部分视图。partialview拥有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
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");
}
}