Question

我有一个弹出$(document).ready(function() {的对话框，它会以modal : true阻止整个页面。

        $(function () {
            $("#dialog").dialog({
                show: { effect: 'drop', direction: "up" },
                hide: "explode",
                modal: true,
                draggable: false,
                resizable: false
            });
        });

问题是当$(document).ready(function() {触发时，页面中的所有图像都可能无法加载。

导致叠加层的高度小于实际页面的高度。

（ex :)你有一个有2张图片的页面（高度为100px）。当$(document).ready(function() {触发时，您的高度为800px，然后会出现叠加层，高度为800px。之后，当图像有时间加载时，你有一个1000px的页面......所以如果我向下滚动，底部有200px没有被覆盖层阻挡。

我要做的是，当$(window).load(function() {将被触发（所有内容都将被加载）时，刷新叠加层的高度，如果对话框当然没有关闭

我注意到，一旦加载了所有图像，如果我缩放+/-或者如果我打开Chrome的开发者工具，它会刷新叠加高度。

谢谢！

Answer 1

我修好了，我想知道是否有更有效的方法来做这件事。

    $(function () {
        $("#dialog").dialog({
            show: { effect: 'drop', direction: "up" },
            hide: "explode",
            modal: true,
            draggable: false,
            resizable: false
        });
    });

    $(window).load(function() {
        $(window).resize();
    });

所以我弹出对话框，然后当图像加载时，我只是刷新大小..

jQuery模态高度太小

1 个答案: