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);
}

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

2 个答案: