使用JQuery UI滑塊更改div寬度

我正在嘗試使用滑塊動態更改div的寬度。我通過使用單擊函數來獲取元素ID。然後我將這個ID傳遞給一個變量。我使用這個變量來確定我正在調整哪個元素ID 除了最後一行，一切正常。沒有任何反應，沒有錯誤。使用JQuery UI滑塊更改div寬度

只是爲了澄清一點，在JS小提琴中拖動它時會更新所選元素。我如何將該元素放入滑塊以調整其寬度？我已經嘗試獲取元素的id屬性並將其存儲在全局變量中，然後在滑塊中調用該變量並更新其CSS。 JSFiddle

更新：解決！我應該在選定的元素上添加一個類，而不是將其存儲在變量中。 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); 
    } 
});

來源

2015-03-24 SamC

你能不能從您的標記添加一些信息，或者更好的是，[把它放在一個的jsfiddle（http://www.jsfiddle.net）？ – Geo1088 2015-03-24 21:32:36

添加的什麼香港專業教育學院走到這一步，JS小提琴，基本上當你拖動一個div，它更新持有者變量，我想滑塊來調整其寬度 https://jsfiddle.net/8enwc69j/ – SamC 2015-03-24 21:41:23

持有元素，此基本上你想要做什麼？

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

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

來源

2015-03-24 22:24:26 skooliano

感謝您的答覆。是的，這正是我想要發生的事情。除了我希望能夠選擇多個div中的一個並使用滑塊來更改所選div的寬度。我認爲問題是與持有選定的div的變量。我沒有選擇它嗎？ – SamC 2015-03-24 22:31:49

我在最後的評論中快速輸入。意思是說你需要添加一個點擊處理程序來檢查div的狀態以及它們是否被點擊。這是一個更新的小提琴加入。https://jsfiddle.net/02o6a583/5/ – skooliano 2015-03-24 23:05:26

這是完美的，謝謝！ – SamC 2015-03-24 23:09:28

使用JQuery UI滑塊更改div寬度

回答

相關問題