jqueryを使用してスライダとツールチップのカーソルに小数点を追加する方法

Question

私は値幅スライダを持っています。現在、値は$ 400として表示されていますが、ツールチップのカーソルには400が表示されます。 400.00でなければなりません。私のスライダは、クリック、スライド、プラスとマイナスの両方のボタンのクリックで値を変更します。

これは私のコードです：

jQuery(document).ready(function(){ 

    jQuery("#bootstrap-slider").slider(); 
    jQuery("#bootstrap-slider").on("slide", function(slideEvt) { 
    jQuery("#sliderValue").text(slideEvt.value); 
    }); 

    jQuery('.slider').on("click", function() { 
    var newvalue = jQuery('.tooltip-inner').text(); 
    jQuery("#sliderValue").text(newvalue); 
    }); 

}); 
</script> 
<script type="text/javascript"> 
    jQuery(document).ready(function() { 
    jQuery('.btn-overflow').click(function(){ 
     jQuery(this).parents('.entry-content').toggleClass('asd'); 
    }); 
    jQuery(window).trigger('scroll'); 

}); 

    function addSliderPrice(){ 
    var price=parseInt(jQuery("#bootstrap-slider").slider('getValue')); 
    price=price+200; 
    if(price<=500000){ 
     jQuery("#bootstrap-slider").slider('setValue', price); 
     jQuery('#sliderValue').text(price); 
    } 
    else{ 
     jQuery("#bootstrap-slider").slider('setValue', 500000); 
     jQuery('#sliderValue').text(500000); 
    } 
} 
function reduceSliderPrice(){ 
    var price=parseInt(jQuery("#bootstrap-slider").slider('getValue')); 
    price=price-200; 
    if(price>400){ 
     jQuery("#bootstrap-slider").slider('setValue', price); 
     jQuery('#sliderValue').text(price); 
     } 
     else{ 
     jQuery("#bootstrap-slider").slider('setValue', 400); 
      jQuery('#sliderValue').text(400); 
     } 
} 

どのように私はこのview.Can誰もがあなたが固定小数点表記に番号をフォーマットするNumber.prototype.toFixed()を使用することができますいくつかの光

Answer 1

を当てる達成することができます。これは数値の文字列表現を返すので、ツールヒントの値を印刷するために使用する必要があることに注意してください。

(400).toFixed(2); 
// "400.00"