jquery滑块根本不工作

时间:2011-03-06 12:28:10

标签: javascript jquery slider

我正在尝试使用jquery的滑块,似乎没有任何事情发生

任何想法为什么?

<html>
<head>
  <script src="jquery-1.4.2.min.js"></script>
  <script src="jquery-ui.js"></script>
  <style type="text/css">
    #myslider { width: 200px; height: 200px; padding: 0.5em; float: left; margin: 10px; background: blue }
   </style>

<SCRIPT type=text/javascript>
    $(function() {
        $("#myslider").slider();
    });
    </SCRIPT>

</head><body>
<div id="myslider"></div>


</body>
</html>

1 个答案:

答案 0 :(得分:10)

我认为缺少的是theme / css文件:

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

I tried your code,它运作正常。

此致