實現jquery滑塊

Question

即時通訊有點在實施jquery ui slider有問題，因爲我的客戶網站目前正在使用jquery 2.0.2 version我似乎無法帶出滑塊。

我想用slider-range - >http://jqueryui.com/slider/#range

而且script和css包括本細則的;

<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 

所以，林我的代碼我試過了，

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> 

但其沒有工作，這裏是我做了什麼JSFIDDLE

Answer 1

樣品你缺少jQuery/javascript用來初始化滑蓋的？

$("#slider-range").slider({ 
     range: true, 
     min: 0, 
     max: 500, 
     values: [ 75, 300 ], 
     slide: function(event, ui) { 
     $("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]); 
     } 
    }); 
    $("#amount").val("$" + $("#slider-range").slider("values", 0) + 
     " - $" + $("#slider-range").slider("values", 1)); 

例子：

http://jsfiddle.net/trevordowdle/39feX/2/