Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 实现Jquery滑块_Javascript_Jquery_Html_Css_Jquery Ui - Fatal编程技术网

Javascript 实现Jquery滑块

Javascript 实现Jquery滑块,javascript,jquery,html,css,jquery-ui,Javascript,Jquery,Html,Css,Jquery Ui,我在实现jquery ui slider时遇到了一些问题,因为我的客户站点目前使用的是jquery 2.0.2版本,我似乎无法将slider取出 我想使用滑块范围--> 文档中包含的脚本和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.j

我在实现
jquery ui slider
时遇到了一些问题,因为我的客户站点目前使用的是
jquery 2.0.2版本
,我似乎无法将slider取出

我想使用
滑块范围
-->

文档中包含的
脚本
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">


但是它不起作用,下面是我所做的一个示例

您缺少用于初始化滑块的
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 ) );
例如:


@rockStar没问题,如果此答案解决了您的问题,请将其标记为已接受。谢谢