2014-06-19 60 views
0

在MVC中,當我從一個控制器動作視圖移動到另一個通過表單發佈的時候,js和css文件沒有加載,這些文件被添加到另一個控制器動作視圖中。第一個控制器視圖中使用的佈局,但在第二個不 在第二控制器動作視圖:CSS和Js沒有加載到控制器動作視圖

@{ 
    Layout = null; 
} 

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
<link type="text/css" rel="stylesheet" href="../../Css/ChatStyle.css" /> 
<link rel="stylesheet" href="../../Css/JQueryUI/themes/base/jquery.ui.all.css" /> 
<script src="../../Scripts/jquery-1.8.2.js"></script> 
<script src="../../Scripts/ui/jquery.ui.core.js"></script> 
<script src="../../Scripts/ui/jquery.ui.widget.js"></script> 
<script src="../../Scripts/ui/jquery.ui.mouse.js"></script> 
<script src="../../Scripts/ui/jquery.ui.draggable.js"></script> 
<script src="../../Scripts/ui/jquery.ui.resizable.js"></script> 
<script src="../../Scripts/jquery.signalR-1.0.0.js"></script> 
<script src="/signalr/hubs"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    --------------large code related to signalR---------------- 
}); 
</script> 
    </head> 
    <body> 
    // content 
    </body> 
</html> 

如果我使用過鍵Crtl + F5直接秒控制器動作視圖。那麼它的提前

+0

爲什麼第二頁不使用_Layout? – markpsmith

+0

becoz我不需要,我想上傳給定的JavaScript代碼和CSS代碼時,第二次查看渲染 – Sandy

+0

你確定你使用'../../'的相對路徑將工作嗎?請記住,在確切的頁面視圖中,它將相對於你的頁面url而不是視圖的目錄 – tweray

回答

0

它的做工精細 由於工作很好,當我使用所有的CSS和查看使用JS部分HTML內容等之後:

_chatLayout.cshtml

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
</head> 
    <body> 
    <div id="main"> 
      @RenderBody() 
     </div> 
     <!-- /content --> 


    </body> 
    </html> 

查看是:

@{ 
    ViewBag.Title = "Chat window"; 
    Layout = "~/Views/Shared/_chatLayout.cshtml"; 
} 
    <div> 
    // content 
    </div> 
    <link type="text/css" rel="stylesheet" href="../../Css/ChatStyle.css" /> 
    <link rel="stylesheet" href="../../Css/JQueryUI/themes/base/jquery.ui.all.css" /> 
    <script src="../../Scripts/jquery-1.8.2.js"></script> 
    <script src="../../Scripts/ui/jquery.ui.core.js"></script> 
    <script src="../../Scripts/ui/jquery.ui.widget.js"></script> 
    <script src="../../Scripts/ui/jquery.ui.mouse.js"></script> 
    <script src="../../Scripts/ui/jquery.ui.draggable.js"></script> 
    <script src="../../Scripts/ui/jquery.ui.resizable.js"></script> 
    <script src="../../Scripts/jquery.signalR-1.0.0.js"></script> 
    <script src="/signalr/hubs"></script> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
     -----large code related to signalR------ 
    }); 
    </script> 
相關問題