【问题标题】:jQuery Dialog Squeeze HeightjQuery 对话框挤压高度
【发布时间】:2011-05-26 19:39:46
【问题描述】:

我试图在创建对话框后将使用 jQuery UI 创建的对话框的整个高度压缩到 0px 的高度。我无法使用对话框的“高度”属性并将其设置为 0,因为我需要将 所有内容 压扁。

这是我的代码的简化版本。有人能指出我哪里出错了吗?

$('<div class="myDialog" title="Test"></div>').dialog({
  'create' : function() {
    $(this).parent().css({
      'height' : '0'
    });
  })
});

感谢您的宝贵时间。

【问题讨论】:

  • 我不知道你为什么需要height == 0,你为什么不直接做.hide()
  • 我将高度设置为 0,因为我想让整个对话框增长到常规大小。我已经检查了效果库,但它们都没有完全做我想要的,所以我手动做。

标签: jquery jquery-ui jquery-dialog css jquery-attributes


【解决方案1】:

要获取widget,请执行以下操作:

$(this).dialog('widget').css({
  'height' : '0'
});

这会将对话框作为一个整体进行编辑。

【讨论】:

  • 哇,我不敢相信我没有想到这一点。谢谢,尼尔。这确实给我留下了最后一个问题。这样做使它看起来像一个小酒吧。有没有办法可以进一步缩小它,让我以后可以选择将其设置为常规大小?
  • @spryno,你为什么不先做dialog('close'),然后再做dialog('open')
  • 我们将在这里是我的困境。我希望对话框看起来好像从浏览器窗口的底部飞出,然后停留在屏幕的中心。我正在考虑将其高度设为 0 像素,将其放在屏幕底部(因为如果页面太短,我无法降低窗口),并将其调整为 200 像素。一旦它是全尺寸的,我会把它滑到屏幕的中心。我希望这两种效果的组合看起来像是从屏幕底部滑动。有没有更简单的方法来做到这一点?
  • 所以在你的问题中这么说。现在我已经回答了你的OP
猜你喜欢
  • 2011-01-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-06-17
相关资源
最近更新 更多