在noUISlider中将字符附加到工具提示

时间:2016-10-18 17:06:11

标签: nouislider

我正在尝试使用 noUISlider 来显示带有的“工具提示”作为其中的一部分。以下是我所拥有的一个实例:

https://jsfiddle.net/d4nxcwwu/4/

使用Javascript:

$(document).ready( function() { 

  var topSlider = document.getElementById('price_slider');
  noUiSlider.create(topSlider, {
      tooltips: [wNumb({ decimals: 0 }), wNumb({ decimals: 0 })],
      behaviour: 'drag-tap',
      connect: true,
      range: {
          'min': 10,
          'max': 500
      },
      // snap: true,
      start: [10, 500]
  });

    topSlider.noUiSlider.on('update', function ( values, handle, unencoded, isTap, positions ) {
        $('#price_from').val(parseInt(positions[0]));
        $('#price_to').val(parseInt(positions[1]));
    });

});

HTML:

<div style="padding:100px">
    <div id="price_slider"></div>
</div>

From: <input type="text" id="price_from" /><br>
To:<input type="text" id="price_to" />

页面有效,但我想要/需要的是工具提示显示的值如下:

  

€1234

不仅仅是

  

1234

输入中的值很好(我不希望它们附加到任何东西)

我玩过format函数,但它似乎没有做我想要/期待的事情。

format: {
    from: function(value) {
           return parseInt(value);
    },
    to: function(value) {
            return parseInt(value);
    }
},

FWIW,我发现了这篇文章,但无法让它发挥作用:formatting the tooltip in noUISlider

非常感谢任何建议。

0 个答案:

没有答案