jquery - 改变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

毫米我似乎无法找到重置大小的默认功能，因此我只是手动将 div 高度设置回零。

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

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