jquery slider Uncaught TypeError : undefined가 함수가 아닙니다.

jQuery .slider()을 사용하여 문제가 발생합니다. 가장 최신 버전의 jQuery를 here (UI 및 jQuery 라이브러리를 사용하여 다운로드)에서 다운로드했습니다. 페이지가 DIV 슬라이더를 바인딩하는 라인을로드jquery slider Uncaught TypeError : undefined가 함수가 아닙니다.

이

다음과 같은 오류

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

그리고 플러그인을 지우는 페이지에서 jQuery가 다시로드되지 않았는지 확인하십시오 – charlietfl

. 사용중인 jqueryui 버전에 .slider() 메소드에 대한 정의가 포함되어 있는지 확인하십시오. –

이 페이지의 하단에 있기 때문에 무슨 일이 일어

임의

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

가 입력되었습니다. jQuery 라이브러리가 두 번로드되었으므로 위의 ui이 날아갔습니다.

출처

2014-09-11 15:39:19 NealR

이것이 내 문제 였음을 알았습니다. 웬일인지 저는 jquery를 Ui 아래에 두 번 불렀습니다. – JasTonAChair

jquery slider Uncaught TypeError : undefined가 함수가 아닙니다.

답변

관련 문제