Question

每当我显示一个jquery-ui模式对话框时，滚动条就会出现在页面中。

这就是我显示对话框的方式

$("#Frmula").dialog({
    autoOpen: false,
    height: 250,
    width: 460,
    modal: true,
    buttons: {
        //'Create an account': function() { },
        Close: function() {
            $(this).dialog('close');
            //$('input:visible:enabled:first').focus();
        }
    },
    close: function() {
    }
});

任何想法为什么会发生？

感谢

Answer 1

对于迟到的帖子感到抱歉。

我的网页太大，包含许多divs，tables和iframes。这就是为什么我无法提供jsfiddle，因为代码在更简单的表单上工作正常。

我页面中的部分内容左对齐，而其他内容则右对齐。我知道其中一个导致jquery-ui错误地确定对话框尺寸的问题。

我尝试逐个有选择地删除父divs和table个元素，发现有一个float:right的特定div是罪魁祸首。

div内的容器iframe设置为float:right。这导致滚动条出现。我将float:right从div移到了其直接父级，问题就解决了。

认为它可以帮助别人。

修改：还要注意设置为Align

的Right属性

为什么在显示Jquery-ui对话框时滚动页面

1 个答案: