如何在jquery滑块中编写它

时间:2013-10-31 07:16:34

标签: jquery

我试着编写一些可以帮助我的jquery代码 我需要一个滑块 可以sum1帮助我 感谢你 我尝试了这个,但它没有工作

$(slider).appendTo('html')

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<html>
    <head>
        <title>Test slider</title>
    </head>
    <body>
        <div id=html name=slider>slider here</div>
    </body>
</html>

编辑:我试试这个,但它没有工作

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"; />
<script>
$(function() {
  $( "#slider" ).slider();
});
</script>
<html>
    <head>
        <title>Test slider</title>
    </head>
    <body>
        <div id=html name=slider>slider here</div>
    </body>
</html>

2 个答案:

答案 0 :(得分:0)

将jquery.js和jqueryui.js以及jqueryui.css文件转换为ur html .. http://jqueryui.com/slider/

<html>
<head>
    <title>Test slider</title>
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
           <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
           <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
           <script>
              $(function() {
              $( "#html" ).slider();
               });
              </script>

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

答案 1 :(得分:0)

按ID访问DOM应如下所示:

$(slider).appendTo('#html')

在撇号之间保留属性:

<div id='html'>slider here</div>