使用Jquery UI滑块触发可调整大小的
是否有人使用滑块触发可调整大小?这样,我们可以使用滑块中的值来操纵另一个元素的宽度和高度。以下是一个示例:使用Jquery UI滑块触发可调整大小的,jquery,jquery-ui,slider,jquery-ui-resizable,Jquery,Jquery Ui,Slider,Jquery Ui Resizable,是否有人使用滑块触发可调整大小?这样,我们可以使用滑块中的值来操纵另一个元素的宽度和高度。以下是一个示例: $("#myslider").slider({ value: 50, max: 100, min: 0, stop: function(event, ui) { $( ".scalablediv" ).resizable({ resize: function(event,
$("#myslider").slider({
value: 50,
max: 100,
min: 0,
stop: function(event, ui) {
$( ".scalablediv" ).resizable({
resize: function(event, ui) {
ui.size.width = ui.value;
}
});
}
});
<div class="scalablediv"></div>
$(“#myslider”).滑块({
价值:50,
最高:100,
分:0,,
停止:功能(事件、用户界面){
$(“.scalablediv”)。可调整大小({
调整大小:函数(事件、ui){
ui.size.width=ui.value;
}
});
}
});
您应该将触发器置于滑块的滑动事件上,并在内部设置可缩放div的宽度和高度。将scalablediv
设置为可调整大小的实际上并不会调整其大小,而是将其设置为可调整大小的对象,这是不同的。下面是示例的提琴:。谢谢