使用JQuery UI滑块更改div宽度

Question

我正在尝试使用滑块动态更改div的宽度。 我通过单击功能获得了元素ID。 然后，我将此ID传递给变量。 我使用此变量来确定我要调整的元素ID，除最后一行外，其他所有东西都正常运行。 什么也没有发生，没有错误。

只是为了澄清一点，在JS小提琴中，当您拖动它时，它将更新选定的元素。 如何将元素带入滑块以调整其宽度？ 我尝试获取元素的id属性并将其存储在全局变量中，然后在滑块中调用该变量并更新其CSS。 JSFiddle

更新：解决了！ 我应该在所选元素上添加一个类，而不是尝试将其存储在变量中。 var divHolder //保存click函数中的元素

$('#changeWidth').slider({
    value: 0,
    slide: function(event, slider) {

    var theSliderValue = slider.value + "%";
    alert(divHolder); // Returns the div id i wanted
    $("#divHolder").css("width", theSliderValue);
  }
});

Answer 1

这基本上就是您要尝试做的吗？

https://jsfiddle.net/02o6a583/3/

$('.slider').slider({
    values: [0, 100],
    slide: function(event, ui){
        $('.expand-me').css('width', ui.value + '%');
    } 
});