jQuery slider funktioniert nicht

Question

<link rel="stylesheet" type="text/css" href="css/status.css" /> 
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script> 
    <meta charset="utf-8"> 
    <style> 
#demo-frame > div.demo { padding: 10px !important; }; 
    </style> 
<script> 
$(function() { 
    $("#slider-range-min").slider({ 
     range: "min", 
     value: 37, 
     min: 20, 
     max: 700, 
     slide: function(event, ui) { 
      $("#amount").val("$" + ui.value); 
     } 
    }); 
    $("#amount").val("$" + $("#slider-range-min").slider("value")); 
}); 
</script> 



    <div class="demo"> 

    <p> 
<label for="amount">Maximum price:</label> 
<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;"   
    /> 
    </p> 

    <div id="slider-range-min"></div> 

    </div><!-- End demo --> 



    <div class="demo-description"> 
    <p>Fix the minimum value of the range slider so that the user can only select a 
    maximum. Set the <code>range</code> option to "min."</p> 
    </div><!-- End demo-description --> 

Ich versuche, jQuery slider zu verwenden, http://jqueryui.com/demos/slider/#rangemin

ich eine Datei in meinem lokalen Rechner heruntergeladen.

Der Schieberegler wird nicht im Browser angezeigt.

Irgendwelche Gedanken?

Answer 1

CSS überprüfen, wenn Sie enthalten nicht die Stile von:

http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css

Der Schieber wird nicht angezeigt. Sie können die CSS-Elemente dort verwenden und sie für Ihre eigenen konfigurieren.

Ohne CSS:

Mit CSS:

Dank

Answer 2

Es scheint alles korrekt für das Beispiel zu sein. Ich würde sicherstellen, dass Ihre Include-Anweisungen für den Speicherort der JQuery-Dateien korrekt sind.