格式化 jquery 滑块工具提示文本

Question

如何将 jquery 滑块工具提示文本格式化为百分比 (10-100%)？因为我使用的是 d3 js。那就是 zoom.scaleExtent([0.2, 2])。

var tooltip = $('<div id="tooltip" />').css({
            position: 'absolute',
            top: 0,
            left: 20
        }).hide();

        $(".slider").slider({
            animate: "slow",
            range: "min",
            orientation: "vertical",
            min: zoom.scaleExtent()[0],
            max: zoom.scaleExtent()[1],
            value: scaleZ ,
            step: ((zoom.scaleExtent()[1] - zoom.scaleExtent()[0]) / 100),
            slide: function(event, ui) {
                tooltip.text(ui.value);
                slideFn(ui.value);
            }
        }).find(".ui-slider-handle").append(tooltip).hover(function() {
            tooltip.show()
        }, function() {
            tooltip.hide()
        });

当我滑动时，工具提示中的值从 0.2 到 2，但我需要它从 10% 到 100%。 jsfiddle.net/fekkyDev/aVhd8/205

Answer 1

试试这个：- http://jsfiddle.net/adiioo7/aVhd8/206/

JS:-

 slide: function(event, ui) {
                    tooltip.text(ui.value*100+"%");
                    slideFn(ui.value);
                }

格式化 jquery 滑块工具提示文本

Formatting the jquery slider tool tip text

jquery

d3.js

试试这个：- http://jsfiddle.net/adiioo7/aVhd8/206/