2015-05-10 181 views
0

我在我的MVC 3應用程序的視圖文件夾內有一個視圖,該視圖從應用程序根級的文件夾加載CSS,圖像和JS文件。在運行View得到下面的輸出, 我嘗試使用我的視圖不會加載視圖文件夾以外的CSS/JS文件

  • <link href="@Url.Content("~/RootFolder/styles.css")" rel="stylesheet" type="text/css" />對CSS和下面的代碼沒有工作

    <script src="@Url.Content("~/RootFolder/jquery-1.8.3.min.js")" type="text/javascript"></script>

    • 我在意見Web.config文件中添加

Cannot load JS,CSS and images from root folder

我無法加載CSS /圖片/ JS文件從根文件夾,但是,如果我放在CSHTML文件中的根文件夾CSS /圖片/ JS文件存在於應用程序的工作如預期顯示,其中一切。你可以幫我解決這個問題

感謝您的幫助:-)

UPDATE:我的HTML代碼看起來如下面的圖片中顯示的應用程序

HTML Code looks like this

我的文件夾層次看起來

Folder Hierarchy in my application

+0

它可能與您的問題沒有關係,但您可能希望使用捆綁包加載JavaScript,而不是將URL嵌入到HTML中。 CSS(http://www.asp.net/mvc/overview/performance/bundling-and-minification) –

+1

您可以查看頁面源代碼(在瀏覽器中呈現)並告訴我們鏈接是什麼看起來像在那邊? –

+0

感謝您的快速評論Pablo Romeo和Marcelo Myara,我爲這個問題添加了一張新照片,向您展示了爲應用程序生成的HTML代碼。 Content/SportTemplate是我的CSS/JS/images文件存在的位置,我的視圖存在於Views/Home文件夾中。謝謝 – siva

回答

1

如果您正在使用MVC4及以上的,你不會需要使用@url.content,直接給路徑。

此外,應用程序根目錄和網站根目錄之間存在差異。爲了解決這個問題,在應用程序在本地主機上運行時單擊查看頁面源代碼,並檢查該URL轉換成的內容。你在pastebin中給出了你的html,但是這很有幫助。在瀏覽器上運行後給出頁面源代碼,以查看URL中的差異。

我推薦你去看看this and other answers on this question,他們會爲你清理很多東西。我非常確定它的根本區別,如果您需要更多幫助,您也可以共享您的項目,並且可以在瀏覽器上運行後檢查並共享您的代碼。

+0

是的,做了訣竅,從我的代碼中刪除了@ url.content定義,現在一切正常。謝謝您的幫助 ! – siva

+0

很高興,我可以幫忙。 – TheUknown

相關問題