Использование 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/. Спасибо