jquery.simplyscroll.min.js and JavaScript runtime error: 'jQuery' is undefined

Question

我的 JavaScript 经验很少，所以请多多包涵 - 我从同事那里接手了一个 MVC 5 应用程序，我需要使用 http://jqueryui.com/tabs/ 的选项卡功能为此，我将标题为@Jquery tabs@ 的三行添加到我的 _Layout.cshtml 的 head 元素中，结果我有一个可用的选项卡控件，但我还介绍了 jQuery 关于 jquery.simplyscroll.min.js 的未定义错误。我在下面粘贴了 head 元素。我可以看到我正在使用多个 jquery-[此处的版本].min.js，但不使用 1.4.4 似乎无法获得选项卡控件。

这是我的头部元素：

@*    @Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
  @Scripts.Render("~/bundles/jquery")*@

@RenderSection("scripts", required: false)
<link href="@Url.Content("~/Content/jquery.simplyscroll.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/site.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
<script src="//tinymce.cachefly.net/4.0/tinymce.min.js"></script>
<script src="@Url.Content("~/Scripts/jquery.simplyscroll.min.js")" type="text/javascript"></script>
<link rel="stylesheet" href="http://domainserver/cdn/css/jquery-ui.1.9.2.css" />
<link type="text/css" href="http://domainserver/css/osx.css" rel="stylesheet" media="screen" />
@*Jquery tabs*@
<link href="@Url.Content("~/Content/themes/base/jquery-ui.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.24.min.js")" type="text/javascript"></script>
@RenderSection("head", false)

Answer 1

将 Jquery 脚本引用上移...

<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>

然后添加这个...

<link href="@Url.Content("~/Content/jquery.simplyscroll.css")" rel="stylesheet" type="text/css" />

simplyscroll 将取决于 jquery，并且您在 simplyscroll[=20= 之后加载 jquery 库]

jquery.simplyscroll.min.js and JavaScript runtime error: 'jQuery' is undefined

jquery.simplyscroll.min.js and JavaScript runtime error: 'jQuery' is undefined

asp.net-mvc

jquery