使用jQuery運行問題.slider()
。我使用從here下載的最新版本的jQuery(使用該下載的UI和jQuery庫)。jquery slider Uncaught TypeError:undefined不是一個函數
頁面加載時,試圖將滑塊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>
BundleCollections
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"/>
你確定jQueryUI被加載嗎? 'console.log($。ui);' – epascarello 2014-09-10 22:55:53
並確保jQuery在頁面上沒有再次加載,其中刪除插件 – charlietfl 2014-09-10 23:12:19
請確保您使用的jqueryui版本包含.slider()方法的定義.. – 2014-09-11 04:30:07