实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
AخA
 
1
<!doctype html>
2
<html lang="en">
3
<head>
4
  <meta charset="utf-8">
5
  <title>jQuery UI 滑块（Slider） - 绑定到 select 的滑块</title>
6
  <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
7
  <script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
8
  <script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
9
  <link rel="stylesheet" href="jqueryui/style.css">
10
  <script>
11
  $(function() {
12
    var select = $( "#minbeds" );
13
    var slider = $( "<div id='slider'></div>" ).insertAfter( select ).slider({
14
      min: 1,
15
      max: 6,
16
      range: "min",
17
      value: select[ 0 ].selectedIndex + 1,
18
      slide: function( event, ui ) {
19
        select[ 0 ].selectedIndex = ui.value - 1;
20
      }
21
    });
22
    $( "#minbeds" ).change(function() {