2014-02-23 24 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> 
相关问题