Runde Schieberegler Textfeld immer sichtbar

Question

Ich verwende http://roundsliderui.com/demos.html runden Schieberegler Bibliothek. Ich möchte die editierbare Textbox immer anzeigen, nicht ausblenden. Danke

Answer 1

Verstehen Sie, sollten Sie den Code liefern und Hilfe oder Anregungen von Menschen hier erhalten können. Ich habe das Beispiel genommen und einige Änderungen vorgenommen. Hier

ist ein Arbeitsbeispiel: 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()); 
    }); 
});