2014-02-23 50 views
0

我是MVC的新手,我如何將鏈接/腳本添加到我的項目中,並更改樣式以適應。我如何添加jQuery到我的MVC項目

<link href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" 

rel="stylesheet" type="text/css"> 
<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script type="text/javascript" src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 

<script> 
    $(function() { 
     $("#accordion").accordion({ 
      collapsible: true 
     }); 
    }); 
    </script> 

回答

1

加入jQuery的JS和CSS文件鏈接到您的主佈局頁面的頁眉(或js文件在頁腳中,如果你不需要它們立即加載)。

如果你想覆蓋樣式,你可以在jQuery的css文件後添加你自己的css文件。

+0

只是不知道我怎麼能從jquery-ui網站採取jquery並添加到我的項目。 – user3288249

+0

jQuery CDN允許您鏈接到它們,這是最好的,因爲這意味着用戶將更快地加載您的頁面,並且會從另一個Web服務器下載jQuery文件。通常情況下,如果您的項目中有一個新的MVC應用程序,那麼您的項目中已經有了jQuery,請檢查您的Scripts文件夾? –

+0

如果它不在那裏,你可以從這裏安裝它:http://www.nuget.org/packages/jquery和http://www.nuget.org/packages/jQuery.UI.Combined/ –

0

你可以使用@Scripts.Render方法是:

@Scripts.Render("~/jquery") 

上面捆綁了整個目錄,所以你並不需要包括它的文件檔案。

而且Styles.Render方法CSS文件(一個給定的目錄中localated):

@Styles.Render("~/Content/css") 

你可以閱讀更多關於ASP.NET MVC here捆綁和縮小。

如果您在使用舊版本的ASP.NET MVC的,你可以簡單地這樣做以下列方式:

<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.10.2.js")"></script> 
相關問題