使用 jQuery .slider() 时遇到问题
。我正在使用从 here 下载的最新版本的 jQuery。 (使用该下载中的 UI 和 jQuery 库)。
当页面加载时,尝试将 slider 绑定(bind)到 div 的行收到以下错误
_Layout.cshtml
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryui")
@Scripts.Render("~/bundles/jsMVC")
@Scripts.Render("~/bundles/BackboneApps")
</head>
捆绑集合
bundles.Add(new ScriptBundle("~/bundles/BackboneApps").Include(
"~/Scripts/SliderApp.js"));
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
"~/Scripts/jquery.js"));
bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
"~/Scripts/jquery-ui.js"));
bundles.Add(new ScriptBundle("~/bundles/jsMVC").Include(
"~/Scripts/underscore.js",
"~/Scripts/backbone.js"));
呈现的 HTML
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title></title>
<link href="/Content/site.css" rel="stylesheet"/>
<script src="/Scripts/jquery.js"></script>
<script src="/Scripts/jquery-ui.js"></script>
<script src="/Scripts/underscore.js"></script>
<script src="/Scripts/backbone.js"></script>
<script src="/Scripts/SliderApp.js"></script>
</head>
SliderApp.js
$(document).ready(function () {
// Initialize jquery slider
$("#slider").slider();
.
.
});
Index.cshtml
<!-- "slider" is a jquery slider -->
<div id="slider"></div>
<!-- "sliderVal" displays the slider's position. It receives the value via model. -->
<input type="text" id="sliderVal" value="0"/>
最佳答案
发生这种情况是因为,在页面底部,随机
@Scripts.Render("~/bundles/jquery")
已输入。由于 jQuery 库加载了两次,上面的 ui
被震撼了。
关于javascript - jquery slider 未捕获类型错误: undefined is not a function,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25775941/