jquery ui滑块造型

我试图在jQuery UI范围滑块句柄中设置一个值。jquery ui滑块造型

我使用这个DEMO

加上我用这个CSS，它仍然没有工作。我哪里错了？

<div class="demo"> 
    <div id="slider-vertical" class="sliderControl-label v-labeCurrent"></div> 
</div> 

.sliderControl-label { 
    color: #CCCCCC; 
    font-size: 16px; 
    font-weight: bold; 
    position: absolute; 
    top: -10px; 
} 

.ui-slider-handle .sliderControl-label .v-labelCurrent { 
    color: #777777; 
    font-size: 16px; 
    line-height: 24px; 
    position: relative; 
    text-shadow: 0 1px 0 #FFFFFF; 
    top: -2px; 
    transition: color 0.15s linear 0s; 
} 


$(function(){ 
    $("#slider-vertical").slider({ 
     orientation: "vertical", 
     range: "min", 
     min: 0, 
     max: 100, 
     value: 60, 
     slide: function(event, ui) { 
      $("#amount").val(ui.value); 
      $(this).find('.ui-slider-handle').text(ui.value); 
     }, 
     create: function(event, ui) { 
      var v=$(this).slider('value'); 
      $(this).find('.ui-slider-handle .sliderControl-label .v-labelCurrent').text(v); 
     } 
    });  
});

我在一个正确的CSS乱七八糟的自我。

来源

2012-10-23 Jonah

“不工作”是什么意思？你想完成什么不工作？ – j08691

我试图设置句柄内的值。 – Jonah

好吧，我已经解决了这个问题。谢谢你的帮助。我的问题是我没有在JavaScript中声明值的类。

$(this).find('.ui-slider-handle').html('<div class="value-label">'+ui.value+'</div>');

通过声明这一行，我可以风格的句柄内的值。干杯

来源

2012-10-24 08:56:30 Jonah

如果你只想风格的句柄数所有你需要做的是针对.ui-slider-handle像这样：jsfiddle：

.ui-slider-handle { 
    color: #777777; 
    font-size: 10px; 
    padding: 3px; 
    text-shadow: 0 1px 0 #FFFFFF; 
    text-decoration:none; 
}

来源

2012-10-23 15:33:17

使用.ui-slider .ui-slider-handle为你的CSS选择器（并宣布了jQuery下面这些风格UI CSS文件）。

example jsfiddle

.ui-slider .ui-slider-handle { 
    width:2em; 
    left:-.6em; 
    text-decoration:none; 
    text-align:center; 
}

来源

2012-10-23 15:36:43 MikeM

嗨MDM ..唯一的事情是，如果我想风格的句柄，风格的文本内的句柄...我该怎么做？ – Jonah

上面的选择器有什么特别的风格？ – MikeM

我不能在样式中设置样式。请参阅我的[小提琴]（http://jsfiddle.net/jonnystudent/VycW2/）你会看到我想如何将文本放在句柄内。在小提琴中，一个滑块有效，另一个是静态的。我想要一个看起来像静态的@mdmullinax – Jonah

jquery ui滑块造型

回答

相关问题