如何使用 jquery 在滑块和工具提示光标中添加小数点答案

【问题标题】：How to add decimal points in slider and tooltip cursor using jquery如何使用 jquery 在滑块和工具提示光标中添加小数点
【发布时间】：2017-09-19 15:51:54
【问题描述】：

我有一个价格范围滑块。当前值显示为 400 美元，在工具提示光标中显示为 400。但现在我想将值显示为 400.00 美元，在工具提示中它应该是 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);
      }
 }

我怎样才能实现这个观点。谁能解释一下

【问题讨论】：

如果您只是想更改显示值，您是否尝试仅更改文本，例如将jQuery('#sliderValue').text(price); 更改为jQuery('#sliderValue').text(""+price+".00"); ?
@fluffykitten 我试过这个，它显示点击幻灯片和按钮按下的小数点。但我还需要在鼠标工具提示中显示相同的内容
您是否也更改了设置工具提示的代码？我在您的问题中没有看到该代码，所以我无法建议在哪里更改它。
@FluffyKitten 我们不知道如何设置工具提示。它写在 min.js 文件中

标签： javascript wordpress slider

【解决方案1】：

您可以使用Number.prototype.toFixed() 将数字格式化为定点表示法。请注意，这将返回数字的字符串表示形式，因此您应该只使用它来打印工具提示中的值。

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

【讨论】：