ラウンドスライダのテキストボックスは常に表示されます

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()); 
    }); 
});