圆形滑块文本框始终可见

Question

我正在使用圆形滑块库http://roundsliderui.com/demos.html。我想显示可编辑的文本框始终显示不隐藏。谢谢

Answer 1

明白了，您应该提供代码，并且可以从这里获得帮助或建议。我把你提供的例子做了一些改变。

这里是一个工作实施例：http://jsfiddle.net/Twisty/Lorej7up/

HTML

<div class="slider-wrapper"> 
    <div id="slider"> 
    </div> 
    <input type="text" id="myToolTip" class="rs-input rs-tooltip-text" style="height: 27px; width: 32px;" /> 
</div> 

CSS

.slider-wrapper { 
    position: relative; 
} 

.slider-wrapper input.rs-input { 
    position: absolute; 
    top: 95px; 
    left: 93px; 
    z-index: 100; 
} 

的jQuery

function updateToolTip() { 
    $("#myToolTip").val($("#slider").roundSlider("option", "value")); 
} 
$(function() { 
    $("#slider").roundSlider({ 
    sliderType: "min-range", 
    radius: 110, 
    width: 10, 
    startAngle: 90, 
    value: "82", 
    showTooltip: false, 
    editableTooltip: false, 
    drag: updateToolTip, 
    change: updateToolTip 
    }); 
    $("#myToolTip").val($("#slider").roundSlider("option", "value")); 
    $("#myToolTip").change(function() { 
    $("#slider").roundSlider("option", "value", $(this).val()); 
    }); 
});