jquery ui可点击按钮调整大小

Question

我正在尝试点击按钮进行可调整大小的控制。

我在jquery ui中使用了可调整大小的插件来调整图像大小。

但现在我需要使用加号和减号按钮来增加图像或减少尺寸。

有谁知道怎么做？

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/