使用jQuery UI滑塊觸發可調整大小

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/。謝謝