jQuery滑块不工作

我试图解决我的滑块工作，但我不知道是什么问题。我在其他项目，但与不同版本的jQuery的UI做了jQuery滑块不工作

$(function() { 
 
    $("#slider-range-max").slider({ 
 
    range: "max", 
 
    min: 1, 
 
    max: 5, 
 
    value: 1, 
 
    slide: function(event, ui) { 
 
     $("#amount").val(ui.value); 
 
    } 
 
    }); 
 
    $("#amount").val($("#slider-range-max").slider("value")); 
 
});

<link rel="stylesheet" href="css/jquery-ui.css"> 
 
<link rel="stylesheet" href="https://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"> 
 
<script src="https://code.jquery.com/jquery-1.9.1.js"></script> 
 
<script src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 
 

 
<form action="#" method="post" class="form-group"> 
 
    <h3 class=""><?php echo "Welcome ".$name?></h3> 
 
    <textarea rows="5" class="form-control" placeholder="Write your review here" required maxlength="200"></textarea> 
 
    <p> 
 
    <label for="amount">Minimum number of bedrooms:</label> 
 
    <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;"> 
 
    </p> 
 
    <div id="slider-range-max"></div> 
 
</form>

来源

2015-04-21 Mr. Curious

什么是预期的输出和你得到什么输出？有没有控制台错误？ – ShadowCat7

在控制台没有错误，真的很困惑：\ –

此外，我试图让一个滑块，将范围介于1和5 –

原来，这里有两种链接到jQuery的一个在头，另一种是在文档的底部。

谢谢

来源

2015-04-22 08:31:51

jQuery滑块不工作

回答

相关问题