Javascript 我的圆形滑块没有'；不显示_Javascript_Jquery

Javascript 我的圆形滑块没有'；不显示

javascript jquery

Javascript 我的圆形滑块没有'；不显示,javascript,jquery,Javascript,Jquery,我尝试在我的应用程序中加入一个圆形滑块。我下载了这些文件并试图实现它们，但滑块没有出现。他似乎没有在什么地方出错 <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="css/reset.cs

我尝试在我的应用程序中加入一个圆形滑块。我下载了这些文件并试图实现它们，但滑块没有出现。他似乎没有在什么地方出错

 <html>

<head>
<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" href="css/circular-slider.min.css">

<script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/circular-slider.min.js"></script>

<script>
    var circularSlider = $('#slider').CircularSlider({
        min : 0,
        max: 359,
        value : 10,
        labelSuffix: "°",
        slide : function(value) {
            ui.next().css({'background' : 'linear-gradient(' + value +
            'deg, white, cornsilk, white)'});
        }
    });
</script>
</head>


 <body>
 <main>
  <div id="slider"></div> //this is where it should appear
 </main>
</body>
</html>


var circularSlider=$（“#滑块”）。circularSlider({
分:0,，
最高：359，
数值：10，
labelSuffix:“”，
幻灯片：功能（值）{
css（{'background'：'线性渐变（'+value+
“deg，白色，玉米丝，白色”）；
}
});
//这就是它应该出现的地方

这是因为调用时

$（“#滑块”）

是

未定义的。将整个脚本包装在一个文件中，或者将
标记移到
标记末尾之前
这应该起作用：
<script>
    // Wait for the DOM to be ready so the `#slider` element exists at the time of the call
    $(function() {
        var circularSlider = $('#slider').CircularSlider({
            min : 0,
            max: 359,
            value : 10,
            labelSuffix: "°",
            slide : function(ui, value) {
                ui.next().css({'background' : 'linear-gradient(' + value +
                'deg, white, cornsilk, white)'});
            }
    });
</script>


//等待DOM准备就绪，以便在调用时存在`#slider`元素
$（函数（）{
var circularSlider=$（“#滑块”）。circularSlider({
分:0,，
最高：359，
数值：10，
labelSuffix:“”，
幻灯片：功能（ui、值）{
css（{'background'：'线性渐变（'+value+
“deg，白色，玉米丝，白色”）；
}
});

LE:
此外，这：
幻灯片：功能（值）
应该是这样的：
slide:function（ui，value）
能否提供一个指向您正在使用的“圆形滑块”插件的链接，以便回答您问题的人都可以查看其文档？它仍然没有显示任何内容。$（document）.ready（function（）{console.log（“ready！”）；$（function（）{var circularSlider=$（'#slider'）。circularSlider（{min:0，max:359，value:10，labelSuffix:“”），slide:function（value）{ui.next（）.css（{'background'：'linear gradient（'+value+'deg，白色，玉米丝，白色）“}）；}}}}）；
在控制台中是否有任何错误
？另外，声明的ui
变量在哪里？请参见我的编辑。