FancyBox popup在加载部分视图时失去所有样式

-1

我想在我的MVC项目中使用fancybox加载部分视图。它似乎正确加载内容。无论如何，它大部分都是因为它似乎缩短了页面的大小，但是它在加载时从视图中丢失了所有样式。FancyBox popup在加载部分视图时失去所有样式

我在我的部分视图中包含了我的CSS文件，但仍然没有运气。

我的局部视图如下：

@model ApprovalSystem.ViewModels.RequestDetailViewModel 
@section styles 
{ 
    <link href="~/Content/Site.css" rel="stylesheet" /> 
    <link href="~/Content/material.min.css" rel="stylesheet" /> 
    <link href="~/Content/jquery.fancybox.min.css" rel="stylesheet" /> 
} 
//CONTENT HERE - Not providing it all as it is quite large. Classes and all remain in the partial view though so cannot see that being an issue. 
@section scripts 
{ 
    <script> 
     $(document).ready(function() { 
      $('[data-fancybox]').fancybox({ 
       maxWidth : 800, 
       maxHeight : 600, 
       fitToView : false, 
       width  : '70%', 
       height  : '70%', 
       autoSize : false, 
       closeClick : false, 
       openEffect : 'none', 
       closeEffect : 'none' 
      }); 
     }) 
    </script>  
}

我的链接打开的fancybox是：

<a data-fancybox href="@Url.Action("DetailPartial", new { id = Model.Request.ParentRequestId })" class="mui-btn mui-btn--fab mui-btn--small fancybox.ajax">@Model.Request.ParentRequestId</a>

并且，控制器方法返回局部视图是：

public async Task<ActionResult> DetailPartial(int id) 
{ 
    var request = _uow.RequestService.Get(id); 
    var currentUser = await AzureGraph.GetUser(); 
    ViewBag.CurrentUser = currentUser.DisplayName; 
    ViewBag.NextApprover = _uow.ResponseService.Get().Where(r => r.RequestId == id && r.ResponseStatus == RequestStatus.NotProcessed).Select(r => r.Responder).FirstOrDefault(); 
    RequestDetailViewModel viewModel = new RequestDetailViewModel() 
    { 
     Request = request 
    }; 

    if (request.FolderId != null) 
     viewModel.Attachments = await AzureGraph.GetFileSystemObjects(request.FolderId); 
    else 
     viewModel.Attachments = new List<FSObject>(); 

    return PartialView("DetailPartial", viewModel); 
}

我完全没有想法，任何帮助将不胜感激。

编辑 - 添加截图

来源

2017-04-06 DaRoGa

screenshot ???????? –

@SahilDhir在屏幕上添加了问题 – DaRoGa

它也失去了所有格式，如果我只是导航到局部视图 – DaRoGa

托管解决这个问题。问题是因为部分视图没有布局，部分werent被正确加载。所以我创建了部分视图的基本布局，现在按预期工作。

来源

2017-04-06 10:11:54 DaRoGa

FancyBox popup在加载部分视图时失去所有样式

回答

相关问题