Question

我一直在研究这个滑块。滑块工作并向用户显示我的值，但我希望值始终显示为＆＃34; $＆＃34;在它面前。

       $("#slider").slider({
            min: 0,
            max: 2000,
            step: 1,
            values: [100, 1900],
            slide: function(event, ui) {
                for (var i = 0; i < ui.values.length; ++i) {
                    $("input.slidervalue[data-index=" + i + "]").val(ui.values[i]);
                }
            }
        });
        $("input.slidervalue").change(function() {
            var $this = $(this);
            $("#slider").slider("values", $this.data("index"), $this.val());
        });

如何更改此代码以使用＆＃34; $＆＃34;输出值？在他们面前？

Current jsFiddle

Answer 1

您需要做的是将滑块的值与＆＃34; $＆＃34;连接起来。在将其设置为显示之前。

变化：

$("input.slidervalue[data-index=" + i + "]").val(ui.values[i]);

要：

$("input.slidervalue[data-index=" + i + "]").val('$'+ui.values[i]);  // note the  '$'+

jQuery UI滑块附加＆＃34; $＆＃34;进入显示的输出值

1 个答案: