jQuery UI滑塊將「$」添加到顯示的輸出值

我一直在處理這個滑塊。滑塊工作並向用戶顯示我的值，但我希望該值始終在其前面顯示「$」。

 $("#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()); 
     });

我怎樣才能改變這種代碼輸出，在他們面前「$」的價值觀？

Current jsFiddle

來源

2016-02-27 patrick

簡單地使用'$（ '＃總'）文本（ '$' +總計）;'看http://jsfiddle.net。/DelightedDoD/zFYjW/83/ – DelightedD0D

@ DelightedD0D - 對不起，我之前貼錯了小提琴。我不認爲這個解決方案適用於真實情況 – patrick

你能更具體一些嗎，你還沒有改變小提琴，所以它不清楚你剛纔編輯的真實情況* – DelightedD0D

你需要做的是串聯滑塊的值用「$」將其設置爲顯示之前。

變化：

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

要：

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

來源

2016-02-27 04:12:06 DelightedD0D

jQuery UI滑塊將「$」添加到顯示的輸出值

回答

相關問題