改变div的高度

发布于 2024-11-16 13:43:29 字数 190 浏览 4 评论 0原文

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

不确定我做错了什么？

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

最终幸福 2024-11-23 13:43:29

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

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

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

Like this?
http://jsfiddle.net/rYFEY/33/

This is the new event handler. I added just one line:

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

回复收藏 0 原文

话少心凉 2024-11-23 13:43:29

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

希望有帮助。

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

Hope it helps.

回复收藏 0 原文

心在旅行 2024-11-23 13:43:29

这似乎在 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);})
});

This seems to work in 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);})
});

回复收藏 0 原文

情定在深秋 2024-11-23 13:43:29

试试这个

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

回复收藏 0 原文

蓝眼睛不忧郁 2024-11-23 13:43:29

毫米我似乎找不到重置大小的默认函数，因此我只是手动将 div 高度设置回零。< /a>

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

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

mm i can't seem to find the default function to reset the size thus i just manually set the div height back to zero.

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

so if this is the way you're going with and you want to keep more complicated behavior, then i would think you would to manually keep the previous height, width, etc into variables and manually set them again depending on the event triggered.

回复收藏 0 原文

~没有更多了~