使用Jquery UI Slider触发Resizable

Question

是否有人使用滑块触发可调整大小？这样，我们可以使用滑块中的值来操纵另一个元素的宽度和高度。这是一个例子：

$("#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>

Answer 1

您应该将触发器置于滑块的slide事件上，并在内部设置scalablediv的宽度和高度。将scalablediv设置为resizable并不会实际调整它的大小，而是将其设置为resizable对象，这是不同的。这是示例的小提琴：http://jsfiddle.net/6KSbp/1/。感谢