jquery slider游标step问题.

Question

本帖最后由 staryjk 于 2012-04-30 12:10:58 编辑

Answer 1

<link rel="stylesheet" href="/css/base.css" type="text/css" media="all" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.19/themes/base/jquery-ui.css" type="text/css" media="all" />
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.8.19/jquery-ui.min.js" type="text/javascript"></script>
<STYLE>
div.demo { padding: 110px !important; }
</STYLE><SCRIPT>
$(function() {
$( "#slider" ).slider({
                range:"min",
                min:0,
                max:100,
                step:10,
                slide:function (event, ui) {
if(ui.value > 89){
$(this).slider({step:1})
}else {
$(this).slider({step:10})
} $("#test").html("$" + ui.value);
                }
});
});
</SCRIPT><DIV class=demo>
<DIV id=slider></DIV></DIV>
<div id="test"></div>这个意思？楼主可以再调一下

Answer 2

讲真的，特别讨厌jQuery UI的系列东西，js分成无数小文件，css文件import来import去，来来回回实现一个小功能要加载十几个小文件，加起来都快几百K了，设计者根本没有站在实战角度考虑网站性能优化问题！烂！