为什么jQuery对话框在打开时会产生“高度值”?

时间:2011-10-06 08:30:41

标签: javascript jquery dom dialog height

我无法理解一件事。当我有一个jQuery对话框与一个按钮匹配时......这个对话框来自'display:none'状态..如果这个对话框在页面中产生一个“高度值”?

我的意思是,当对话框打开时......右侧常用滚动条变得更长,同时页面有一个很大的空白区域(滚动时)。

是否有人遇到同样的问题?有人可以请我解释一下吗?


如果我迟到了,请告诉我。

请注意,对话框会在所有浏览器中生成“更多高度值”。我不知道为什么会这样。

这里有一些代码:

<script type="text/javascript">
$(document).ready(function() {
 $('<div class="error-dialog"></div>')
  .show('fade')
  .html('This dialog will show every time! <input id="close" type="button" value="Chiudi" />')
  .dialog({
    autoOpen: true,
    closeOnEscape: false,
    draggable: false,
    height: 'auto',
    modal: false,
    position: ['right','top']
 });

 $('#close').click(function() {
  $('.error-dialog').hide('fade', function() {
   $(this).dialog('destroy');
  });
 });

 setTimeout(function() {
  $('.error-dialog').hide('fade', function() { $(this).dialog('destroy'); });
 }, 2000);
});
</script>

将这段代码插入到php值中,然后使用echo语句在(错误的)表单提交后显示在桌面上。此对话框将在右上角显示(如代码中所声明),但是......查看空白区域......

请注意,如果您通过php使用echo语句,则需要转义双引号。

提前致谢。

0 个答案:

没有答案