Question

如何让一个滑块使用jQuery。

HTML：

<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
</head>
<body>
    <div id='example1' class='ui-slider-1' style="margin: 40px;">
        <div class='ui-slider-handle'></div>    
</div>  

</body>

CSS：

.ui-slider-handle {
    border:1px solid silver;
    height:10px;width:10px;
    background-color:black;
}

#example1 {
    width:1050px;
    background-color:white;
   border:1px solid black;
}

jQuery的：

$('#example1').slider( { minValue: -100, maxValue: 100 } );

如果您需要更多代码，请与我们联系。我做错了什么？

Answer 1

看起来你只需要添加一些jQueryUI样式。

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css" type="text/css" media="all" />

此外，您不需要<div class='ui-slider-handle'></div>内的div，它由jQueryUI处理。

无法让jQuery滑块工作

1 个答案: