3 Stimmen

jQuery-Schieberegler ist unbekannt

Wie funktioniert dieser Schieberegler?

http://jqueryui.com/demos/slider

Die angegebene Quelle zeigt nichts an.

<style>
    #demo-frame > div.demo { padding: 10px !important; }
</style>
<script>
    $(function() {
        $( "#slider" ).slider();
    });
</script>
<div class="demo">
    <div id="slider"></div>
</div><!-- End demo -->

Ich habe jquery eingeschlossen, bevor ich dies hinzugefügt habe

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

aber es gibt mir

SCRIPT438: Objekt unterstützt die Eigenschaft oder Methode 'slider' nicht

Fehler.

So sieht der gesamte Code aus

<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    </head>
    <body>
        <style>
            #demo-frame > div.demo { padding: 10px !important; }
        </style>

        <div class="demo">
            <div id="slider"></div>
        </div><!-- End demo -->

        <script>
        $(function() {
            $( "#slider" ).slider();
            });
        </script>
    </body>
</html>

Was übersehe ich?

2voto

Ich habe jquery eingeschlossen, bevor ich dies hinzugefügt habe

Sie haben jQuery eingebunden... aber Sie verwenden jQuery ui Plugin-Methode. .slider() ohne Verweis auf das UI-Plugin.
Diese Methode slider ist für Javascript unbekannt,

Hinzufügen der Referenz nach die jQuery-Bibliothek:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

Aktualisierung:

Nachdem ich zu viel Zeit damit verbracht habe, habe ich Ihr Problem gefunden, Sie vermissen die JQuery ui css :

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>

JSFiddle DEMO

1voto

Anil Punkte 21519

Sie sollten jQuery UI für den Schieberegler verwenden.

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"/>

1voto

Sparky Punkte 96387

Da es sich um eine jQuery UI Slider, Sie vermissen jQuery UI die nach jQuery eingefügt werden muss.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X