我无法理解一件事。当我有一个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语句,则需要转义双引号。
提前致谢。