gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 06:47:07 25 4
gpt4 key购买 nike

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

但是我总是收到 Uncaught TypeError: undefined is not a function 错误。我希望这个插件出现在每个页面上,所以我想我需要将它包含在我的 _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)

最佳答案

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

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

您正在页面底部渲染 jQuery 包,同时引用 <head> 中的 jQuery.sidr.js 插件。页面的。移动<script src="~/Scripts/sidr-package-1.2.1/jquery.sidr.min.js"></script><body> 底部的 bundle 渲染之后

关于jquery - 如何在 ASP.NET 项目中包含 jquery 插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23157758/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com