1

以前有人问过这个问题，但我还没有找到直接的答案。

$(".milestone-timeline .slider-area").slider({
  range: 'min',
  value: 298,
  min: 0,
  max: 884,
  values: [ 10, 280, 620, 850 ]    
});
$(".milestone-timeline .slider-area").slider("option", "disabled", true);

好的，在这里我创建了 4 个不同的标记或 .ui-slider-handle。现在，当创建滑块时，它会生成，

<div class="slider-area">
  <div class="ui-slider-range"></div>
  <a href="#" class="ui-slider-handle"></a>
  <a href="#" class="ui-slider-handle"></a>
  <a href="#" class="ui-slider-handle"></a>
  <a href="#" class="ui-slider-handle"></a>
</div>

我想在创建滑块时为每个句柄应用不同的类名。

在jQuery UI Slider Documentation它说，

“滑块小部件将在初始化时创建带有类 'ui-slider-handle' 的句柄元素。您可以通过创建和附加元素并在初始化之前添加 'ui-slider-handle' 类来指定自定义句柄元素。它只会创建与值/值长度匹配所需的句柄数量。例如，如果您指定“值：[1, 5, 18]”并创建一个自定义句柄，插件将创建另外两个。”

不幸的是，我不确定如何创建和附加自定义的“ui-slider-handle”。

任何帮助将不胜感激。 谢谢！

4

2 回答 2

1

尝试将滑块句柄添加到您要转换为滑块的元素，如下所示：

<div class="milestone-timeline">         
    <div class="ui-slider-handle"></div>
</div>

这很有效，因为您仍在调用滑块初始化函数之前添加该自定义元素。

于 2011-05-18T14:51:53.690 回答
0

阅读它看起来的文档values只是设置多个滑块句柄的一种方式。照原样，您似乎无法添加类。

您可以使用 nth-child 选择器为每个滑块添加一个类。

http://api.jquery.com/nth-child-selector/

http://api.jquery.com/addClass/

于 2011-05-17T16:56:27.090 回答