Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
单击按钮可调整jquery ui大小_Jquery_Jquery Ui - Fatal编程技术网

单击按钮可调整jquery ui大小

单击按钮可调整jquery ui大小,jquery,jquery-ui,Jquery,Jquery Ui,我正在尝试在单击按钮时执行可调整大小的控件 我在jQueryUI中使用了可调整大小的插件来调整图像的大小 但现在我需要使用加号和减号按钮来增加或减小图像的大小 有人知道怎么做吗???我认为你不想使用jQuery UI来实现这一点。这为最终用户提供了一组标准的功能,供其进行交互。如果你想搞乱一个div的高度和宽度,可以直接这样做 <div id="less" class="button">-</div> <div id="more" class="button">

我正在尝试在单击按钮时执行可调整大小的控件

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

但现在我需要使用加号和减号按钮来增加或减小图像的大小


有人知道怎么做吗???

我认为你不想使用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});
});
-
+
$(“#更多”)。单击(函数(){
var h=$('.box').height();
h=h+20;
$('.box').css({height:h,width:h});
});
$(“#小于”)。单击(函数(){
var h=$('.box').height();
h=h-20;
$('.box').css({height:h,width:h});
});

在这里拉小提琴

代码片段或JSFIDLE请。。。!在看不到任何代码的情况下-您可能需要设置按钮,以便它们在单击时增大或减小大小,您很可能最终使用
.width()
.height()
jquery函数来获取和设置图像值。这是宽度的例子……小提琴会很有帮助:)