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 + '%');
    } 
});

使用JQuery UI滑块更改div宽度

1 个答案: