jquery ui可調整大小的按鈕點擊

Question

我想要做點擊按鈕上的可調整大小的控件。

我已經使用jQueryUI中的可調整大小的插件來調整圖像大小。

但現在我需要使用加號和減號按鈕進行圖像增加或減小大小。

有誰知道該怎麼做？

Answer 1

我不認爲你想爲此使用jQuery UI。這爲最終用戶提供了一組標準功能。如果你想惹一個div的高度和寬度，做一些直接像這樣...

<div id="less" class="button">-</div> 
<div id="more" class="button">+</div> 
<div class="box"></div>  

$("#more").click(function() { 
    var h = $('.box').height(); 
    h = h + 20; 
    $('.box').css({height: h, width: h}); 
}); 

$("#less").click(function() { 
    var h = $('.box').height(); 
    h = h - 20; 
    $('.box').css({height: h, width: h}); 
}); 

在這裏工作的小提琴... http://jsfiddle.net/TUwV2/