Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Jquery UI滑块触发可调整大小的_Jquery_Jquery Ui_Slider_Jquery Ui Resizable - Fatal编程技术网

使用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
设置为可调整大小的
实际上并不会调整其大小,而是将其设置为可调整大小的
对象,这是不同的。下面是示例的提琴:。谢谢