Question

我是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>

Answer 1

将jQuery js和CSS文件链接添加到标题中的主布局页面（如果您不需要立即加载，则将页脚中的js文件添加到页面中）。

如果要覆盖样式，可以在jquery css文件后添加自己的css文件。

Answer 2

您可以使用@Scripts.Render方法：

@Scripts.Render("~/jquery")

上面捆绑整个目录，因此您不需要逐个文件地包含它。

CSS文件的Styles.Render方法（在给定目录中定位）：

@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>

如何将jquery添加到我的MVC项目中

2 个答案: