Javascript 使用jqueryui滑块更改div宽度

我正在尝试使用滑块动态更改div的宽度。 我使用单击函数获取元素ID。 然后我将这个ID传递到一个变量中。 我使用这个变量来确定我正在调整的元素ID 除了最后一行之外，一切都很好。没有任何事情发生，也没有错误

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

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

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

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

---

这基本上就是你想要做的吗

---

你能从你的标记中添加一些信息吗，或者更好，添加了我到目前为止得到的JS FIDLE，基本上当你拖动一个div时，它会更新holder变量，我希望滑块调整它的宽度，谢谢你的回复。是的，这正是我想要的。除了我希望能够选择多个div中的一个，并使用滑块更改所选div的宽度。我认为问题在于保存所选div的变量。我没有选择正确吗？我按enter键快速查看最后一条注释。这意味着您需要添加一个click处理程序来检查div的状态以及它们是否被单击。这里是一个更新的小提琴与添加在。

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