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不是一個函數

回答

相關問題