Javascript 如何访问jquery变量中移动滑块的值

html

我想要jquery变量中移动滑块的值

---

有很多方法可以做到这一点。如果要在将值应用于html元素的同时将滑块的值分配给JavaScript中的变量，可以执行以下操作：

$(".slider").each(function() {
$(this).slider({
    value : 1,
    min   : 1,
    max   : $(this).data('max'),
    step  : 1,
    slide : function (event, ui) {
       var a= $(this).next().find('span.slider-value').html(ui.value);
    }
  });
 });

在您的示例中，您正在初始化slide函数内的，因此在函数外它不可用。您还将a变量分配给jQuery setter，该setter返回dom元素而不是值。为了获得价值，您需要执行以下操作

a=$this.next.find'span.slider value'.htmlui.value.html

这是众多替代方案之一：

var a = 0;
$(".slider").each(function() {
    $(this).slider({
        value : 1,
        min   : 1,
        max   : $(this).data('max'),
        step  : 1,
        slide : function (event, ui) {
           a = ui.value;
           $(this).next().find('span.slider-value').html(ui.value);
        }
    });
});
setInterval(function(){
    alert(a);
},3000);

如上面第一个例子所示

var a = 0;
$(".slider").each(function() {
    $(this).slider({
        value : 1,
        min   : 1,
        max   : $(this).data('max'),
        step  : 1,
        slide : function (event, ui) {
           a = ui.value;
           $(this).next().find('span.slider-value').html(ui.value);
        }
    });
});
setInterval(function(){
    alert(a);
},3000);

a = ui.value;
$(this).next().find('span.slider-value').html(ui.value);