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

debugcn 发表于 Dev

马修可怕

我正在尝试将这个jquery插件包含在我的asp.net项目中：http : //www.berriart.com/sidr/#

但是，我总是收到Uncaught TypeError：undefined不是函数错误。我希望此插件出现在每个页面上，所以我认为需要将其包含在_Layout文件中。我不知道我在做什么错。

所以我有：

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

@*From their sample *@
<a id="simple-menu" href="#sidr">Toggle menu</a>

<div id="sidr">
    <!-- Your content -->
    <ul>
        <li><a href="#">List 1</a></li>
        <li class="active"><a href="#">List 2</a></li>
        <li><a href="#">List 3</a></li>
    </ul>
</div>

<div class="container body-content">

    @RenderBody()

</div>

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required: 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插件<head>。将<script src="~/Scripts/sidr-package-1.2.1/jquery.sidr.min.js"></script>渲染成束之后的移到底部<body>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。