如何在ASP.NET项目中包含jquery插件

如何在ASP.NET项目中包含jquery插件,jquery,html,asp.net,asp.net-mvc-5,Jquery,Html,Asp.net,Asp.net Mvc 5,我正在尝试将此jquery插件包括在我的asp.net项目中: 然而,我总是得到一个未捕获的TypeError:undefined不是函数错误。我希望这个插件出现在每个页面上,所以我想我需要将它包含在我的布局文件中。我不知道我做错了什么 因此,我: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device

我正在尝试将此jquery插件包括在我的asp.net项目中:

然而,我总是得到一个未捕获的TypeError:undefined不是函数错误。我希望这个插件出现在每个页面上,所以我想我需要将它包含在我的布局文件中。我不知道我做错了什么

因此,我:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")

<script src="~/Scripts/sidr-package-1.2.1/jquery.sidr.min.js"></script>
<link href="~/Scripts/sidr-package-1.2.1/stylesheets/jquery.sidr.dark.css" rel="stylesheet" />

<script type="text/javascript">
    $(document).ready(function () {
        $('#simple-menu').sidr();
    });
</script>

@视图包。标题
@style.Render(“~/Content/css”)
@Scripts.Render(“~/bundles/modernizer”)
$(文档).ready(函数(){
$(“#简单菜单”).sidr();
});

@*来自他们的样本*@
@RenderBody() @Scripts.Render(“~/bundles/jquery”) @Scripts.Render(“~/bundles/bootstrap”) @RenderSection(“脚本”,必需:false)

文档显示,在jQuery之后需要加载Sidr插件,如下所示:

<!-- Include jQuery -->
<script src="javascripts/jquery.js"></script>
<!-- Include the Sidr JS -->
<script src="javascripts/sidr/jquery.sidr.min.js"></script>


您在页面底部呈现jQuery包,同时在页面的
中引用jQuery.sidr.js插件。在

底部呈现包后移动
。文档显示需要在jQuery之后加载Sidr插件,如下所示:

<!-- Include jQuery -->
<script src="javascripts/jquery.js"></script>
<!-- Include the Sidr JS -->
<script src="javascripts/sidr/jquery.sidr.min.js"></script>


您在页面底部呈现jQuery包,同时在页面的
中引用jQuery.sidr.js插件。在

底部的包呈现后移动
,我使用了两种方法。首先是删除@Scripts.Render包并添加我自己的脚本,如

<script type="text/javascript" src="~/content/js/jquery.js"></script>
<script type="text/javascript" src="~/content/js/jqueryslidemenu.js"></script>

如果您想使用@Scripts.Render(“~/bundles/jquery”)
请参阅App_Start>Bundle配置中jquery是否存在。

我通过两种方法使用它。首先是删除@Scripts.Render包并添加我自己的脚本,如

<script type="text/javascript" src="~/content/js/jquery.js"></script>
<script type="text/javascript" src="~/content/js/jqueryslidemenu.js"></script>

如果您想使用@Scripts.Render(“~/bundles/jquery”)
请参见App_Start>Bundle配置中的jquery是否存在。

它依赖于jquery,因此脚本引用需要在页面上的jquery之后。它依赖于jquery,因此脚本引用需要在页面上的jquery之后。该死的,这是有道理的。我从未想过加载脚本的顺序。啊!谢谢你的帮助。该死的,这是有道理的。我从未想过加载脚本的顺序。啊!谢谢你的帮助。