改变div的高度

Question

我有以下脚本，双击，我想改变高度。我将div向下拖动直到200px高度，但是当我双击手柄时，它不会回到0px。

不确定我做错了什么？

http://jsfiddle.net/rYFEY/30/

Answer 1

喜欢这个？ http://jsfiddle.net/rYFEY/33/

这是新的事件处理程序。我只添了一行：

    $('.ui-resizable-s').dblclick(function(){
        alert('clicked bottom handle');
        $("#divTest").height(0);
    })

Answer 2

$('.ui-resizable-s').dblclick(function(){
    $( "#divTest" ).css({height: 0});
})

希望它有所帮助。

Answer 3

这似乎适用于FF：

$(document).ready( function() {
    $( "#divTest" ).resizable({
        maxHeight: 200,
        maxWidth: 100,
        minHeight: 0,
        minWidth: 100,
          handles:'s',
            resize: function(event, ui) {
            $( "#divHeight" ).empty().append("height: " + $(this).height());
        }
    });

    $('.ui-resizable-s').dblclick(function(){$( "#divTest" ).height(0);})
});

Answer 4

试试这个

http://jsfiddle.net/rYFEY/38/

Answer 5

mm我似乎无法找到重置大小的默认函数i just manually set the div height back to zero.

$("#divTest").height('0');

所以如果这是你的方式并且你想要保持更复杂的行为，那么我认为你会手动将之前的高度，宽度等保存到变量中并根据事件再次手动设置它们触发。