jquery slider Uncaught TypeError：undefined不是一个函数

使用jQuery运行问题.slider()。我使用从here下载的最新版本的jQuery（使用该下载的UI和jQuery库）。jquery slider Uncaught TypeError：undefined不是一个函数

页面加载时，试图将滑块DIV结合线接收以下错误

enter image description here

_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"/>

来源

2014-09-10 NealR

你确定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

这是发生，因为，在页面的底部，随机

@Scripts.Render("~/bundles/jquery")

被输入。由于jQuery库加载两次，上面的ui被吹走了。

来源

2014-09-11 15:39:19 NealR

我也发现这是我的问题。出于某种原因，我打了两次jQuery，一次在UI之下，然后它就摆脱掉了。 – JasTonAChair 2015-09-23 23:37:47

jquery slider Uncaught TypeError：undefined不是一个函数

回答

相关问题