改变div的高度答案

【问题标题】：Changing height of div改变div的高度
【发布时间】：2011-06-23 08:57:45
【问题描述】：

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

不确定我做错了什么？

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

【问题讨论】：

您只是在双击处理程序中提醒clicked。它应该如何改变div的高度。

标签： jquery css jquery-ui jquery-ui-resizable

【解决方案1】：

像这样？ http://jsfiddle.net/rYFEY/33/

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

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

【讨论】：

【解决方案2】：

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

希望对你有帮助。

【讨论】：

【解决方案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);})
});

【讨论】：

【解决方案4】：

试试这个

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

【讨论】：

【解决方案5】：

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

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

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

【讨论】：