jQueryUI的滑块控件增强的jQuery UI的滑块，点子实现问题

Question

我已经找到了jQuery UI的滑块控件特别有用的增强：jQuery-ui-Slider-Pips，是适合我的需要几乎一模一样，除了一两件事：

我想从上面提到的demopage实现$ awesome2的例子，但我需要更大的范围：{min:-100,max:100}

和here is我有什么结果。

问题是如何更改标签出现频率以及范围增量？

谢谢！

Answer 1

你的问题似乎有点含糊，但我会假设你想要这样的东西？

#awesome2 .ui-slider-pip:nth-of-type(5n+1) > .ui-slider-line { 
    height: 6px; 
    background: #777; 
} 

#awesome2 .ui-slider-pip:nth-of-type(5n+1) > .ui-slider-label { 
    display: block; 
    top: 8px; 
    color: #ccc; 
    font-size: 0.8em; 
} 

#awesome2 .ui-slider-pip:nth-of-type(10n+1) > .ui-slider-line { 
    height: 10px; 
    background: #222; 
} 

#awesome2 .ui-slider-pip:nth-of-type(10n+1) > .ui-slider-label { 
    display: block; 
    top: 12px; 
    color: #333; 
    font-size: 1em; 
} 

到： http://jsfiddle.net/3qva9yfo/1/

所有的滑块的外观应与CSS做的方式定制，所以基本上只是从改变CSS

#awesome2 .ui-slider-pip:nth-of-type(1n+1) > .ui-slider-line { 
    height: 6px; 
    background: #777; 
} 

#awesome2 .ui-slider-pip:nth-of-type(1n+1) > .ui-slider-label { 
    display: block; 
    top: 8px; 
    color: #ccc; 
    font-size: 0.8em; 
} 

#awesome2 .ui-slider-pip:nth-of-type(5n+1) > .ui-slider-line { 
    height: 10px; 
    background: #222; 
} 

#awesome2 .ui-slider-pip:nth-of-type(5n+1) > .ui-slider-label { 
    display: block; 
    top: 12px; 
    color: #333; 
    font-size: 1em; 
} 

请记住，在未来，我们需要知道你想要什么，以帮助你得到它:)

Si。