jQuery的滑塊不起作用

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 --> 

我試圖使用jQuery滑塊，http://jqueryui.com/demos/slider/#rangemin

我下載了一個文件到我的本地機器。

滑塊未出現在瀏覽器中。

有什麼想法？

Answer 1

檢查你的CSS，如果你不從包括樣式：

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

滑塊將不會出現。您可以將CSS元素放在那裏，並將其配置爲您自己的。

沒有CSS：

使用CSS：

感謝

Answer 2

在每個例子中似乎都是正確的。我會確保你的include語句對於jquery文件的位置是正確的。