0

如何将 jquery 与 mvc 框架集成，我创建了一个示例应用程序，并且我有名为 app_data、Content、Controllers、Model、Views 和许多其他的目录。控制器文件夹包含所有用 c# 编写的控制器。那么我应该在哪里编写 jquery 脚本，我应该在 layout.cshtml 还是 index.cshtml 中编写它？我如何将 jquery 与 asp.net mvc 框架集成。

4

2 回答 2

1

如您所知，在 MVC 中有一个Layout.cshtml文件。

这就是我的_Layout.cshtml内容。下面的代码_Layout.cshtml是根据我的要求。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Your title</title>
    <meta name="viewport" content="width=device-width" />
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/jquery") 
    @Scripts.Render("~/bundles/jqueryui")
</head>
<body>
            <div id="body">
                <section class="content-wrapper main-content clear-fix">
                    @RenderBody()
                </section>
            </div>
//blah blah
</body>
</html>

如果您要在所有视图中包含母版页（_Layout.cshtml），您只需将脚本包含在 _Layout 页面中并_Layout.cshtml在视图中引用该页面。

这就是您应该_Layout.cshtml在视图中引用文件的方式。

在您的视图之上，您应该编写这样的代码块以添加您的 MasterPage 引用。

@{
      ViewBag.Title= "Index";
      Layout = "~/Views/Shared/_Layout.cshtml";
}

现在开始编写jQuery视图中需要的代码：

<script type="text/javascript">
    $(function(){
        //your jQuery goes here
    });
</script>

最后，您的视图应如下所示：

@{
    ViewBag.Title= "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<html>
<head>
    <style>
    </style>
    <script type="text/javascript">
    $(function(){
        //your jQuery goes here
    });
</script>
</head>
<body>
    @: This is my Index View
</body>
</html>

希望能帮助到你。

如果有什么问题，请告诉我。

于 2013-02-11T05:43:00.103 回答
0

请按照以下 url 使用具有适当架构的 Jquery 进行 MVC

http://www.codeproject.com/Articles/344292/ASP-NET-MVC3-Razor-With-jQuery-For-Beginners

于 2013-02-11T06:13:10.350 回答