javascript - 将滑块值保存到全局变量并输出到 div

Question

我有一个 jquery 滑块，我想要的是从滑块中获取值并将其输出到 div 并保存到 javascript 中的全局变量。它也必须在滑块移动的那一刻执行此操作。到目前为止，我有：

<div id="tabs-1">
    <p>Brush Size</p>
    <div id="slider"></div>
    <div id="Total">0</div>
  </div>


  var brushSize;




var slider = $('#slider').slider({ 
    steps: 100,
    handle: $('.knob'),
    animate:'true',
    min:1,
    max:100,
    startValue: 1,
    change: function(e,ui){
        brushSize = ui;

    } 

我不确定从这里去哪里，它没有工作但没有错误。工作示例：

http://www.taffatech.com/Paint.html

Answer 1

改变

brushSize = ui;

至

brushSize = ui.value;

...假设您在其他地方设置了带有 BrushSize 的 div，否则您想要：

$('#Total').html(ui.value);

Answer 2

简单的 ...

<div id="tabs-1">
<p>Brush Size</p>
<div id="slider"></div>
<div id="Total">0</div>

var brushSize;

 var slider = $('#slider').slider({ 
steps: 100,
handle: $('.knob'),
animate:'true',
min:1,
max:100,
startValue: 1,
change: function(e,ui){
    brushSize = ui.value;
    $('#Total').html(ui.value);
}