Javascript 滑块jquery UI未出现在我的浏览器上
我正在测试我的jquery技能，希望使用jquery ui中的滑块。我已经尝试在代码中实现了这一点，但滑块没有出现。所有显示的是“Rpice范围：$75-$300”。我已尝试确保使用正确的jquery版本。这是我的密码。没有什么太复杂的，只是我尝试测试滑块：Javascript 滑块jquery UI未出现在我的浏览器上,javascript,jquery,Javascript,Jquery,我正在测试我的jquery技能，希望使用jquery ui中的滑块。我已经尝试在代码中实现了这一点，但滑块没有出现。所有显示的是“Rpice范围：$75-$300”。我已尝试确保使用正确的jquery版本。这是我的密码。没有什么太复杂的，只是我尝试测试滑块： <!DOCTYPE html> <html lang="en"> <html> <head> <script src="https://ajax.googleapis.com/ajax
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="jquery-ui.js"></script>
<link rel="stylesheet" href="jquery-ui.js">
<style>
div{
padding-right: 30%;
padding-left: 30%;
}
</style>
<script>
$(document).ready(function(){
$( "#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 ) );
});
</script>
</head>
<body>
<div> <h1>Resorts 'R' Us</h1>
<p>
<label for="amount">Price range:</label>
<input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
</p>
<div id="slider-range"></div>
</div>
</body>
</html>
div{
右：30%；
左：30%；
}
$（文档）.ready（函数（）{
$（“#滑块范围”）。滑块({
范围：对，
分:0,，
最高：500，
数值：[75300]，
幻灯片：功能（事件、用户界面）{
$（“#amount”）.val（“$”+ui.values[0]+“-$”+ui.values[1]）；
}
});
$（“#金额”）.val（$”+$（“#滑块范围”）.slider（“值”，0）+
“-$”+$（“#滑块范围”）。滑块（“值”，1）；
});
美国度假酒店
价格范围：