jquery是否要更新视口？

我在解决一个布局问题时遇到了问题，希望能获得一些见解

在左边，我有一个打开和折叠的菜单面板，在右边，我有一个Galleria，它被设置为响应模式，这意味着如果窗口大小改变，它会调整大小

我要实现的目标是，当我的菜单面板崩溃时，我希望反应灵敏的Galleria能够调整大小，反之亦然

现在，如果面板从折叠位置开始并展开，文档宽度将增加菜单面板的宽度，并且Galleria不会调整大小。从这里开始，如果我手动调整浏览器的大小，即使只有一个像素，布局也会刷新，一切正常

因此，我开始寻找更新视口的方法，而不需要实际更改大小，这样Galleria就可以做出视口更改的反应。下面是我切换菜单的代码。我正试图将文档大小强制为原始大小，但即使这样也无法产生结果

谢谢你的帮助

var documentWidth = $(document).width();
    var documentHeight = $(document).height();
    function hideMenu() {
        $('#User_Menu').hide("slide", { direction: "left" }, 1000, function () {
            showOpenMenu();
            $.cookie('pj-userMenuTab', 'block')
            $(document).width(documentWidth);
        });
    }
    function showOpenMenu() {
        $('#Open_User_Menu').show("slide", { direction: "left" }, 500);
        $.cookie('pj-userMenu', 'none')
    }
    function showMenu() {
        $('#Open_User_Menu').hide("slide", { direction: "left" }, 500, function () {
            hideOpenMenu();
            $.cookie('pj-userMenu', 'block');
        });
    }
    function hideOpenMenu() {
        $('#User_Menu').show("slide", { direction: "left" }, 1000);
        $.cookie('pj-userMenuTab', 'none')
        alert('...' + documentWidth);
        $(document).width(documentWidth);
        alert($(document).width());
    }

---

根据评论，需要触发

resize

事件，以便Galleria插件调整大小

以下代码（添加到打开/关闭功能时）应能正常工作：

$(window).trigger("resize");

---

根据评论，需要触发

resize

事件，以便Galleria插件调整大小

以下代码（添加到打开/关闭功能时）应能正常工作：

$(window).trigger("resize");

---

似乎

resize

事件（属于

窗口

）上发生了一些变化。是的，我认为Galleria插件正在使用它。我希望创建一个视口更新以触发该事件如果是这样，那么尝试添加一个

$（窗口）。在打开/关闭函数中触发（“调整大小”）

。谢谢。事实上，我只是浏览了galleria js，看到了确切的功能，所以我给了它一个演示，它成功了。我把它作为一个答案发布了出来，因为它解决了你的问题。看起来

resize

事件（of

window

）发生了一些变化。是的，我认为galleria插件正在使用它。我希望创建一个视口更新以触发该事件如果是这样，那么尝试添加一个

$（窗口）。在打开/关闭函数中触发（“调整大小”）

。谢谢。实际上，我只是浏览了galleria js，看到了确切的功能，所以我给了它一个演示，它成功了。我把它作为一个答案发布了出来，因为它解决了你的问题。