Question

使用Jquery打开一个包含表单的对话框（带模态：true）。现在我根据用户在表单上做出的选择从表单中删除一些元素。这会调整对话框的大小，但不会调整叠加层的大小。留下了阴影。在调整对话框大小时，有没有办法重新调整叠加大小？

下面是一些代码

//fadeout() some components on page based on choices made by user.
        if(selectedVal == 1){
            $("#modify_task_window").fadeIn();
            $("#modify_tag_window").fadeIn();
            $("#task_help_text").fadeIn();
        }else{
            $("#modify_task_window").fadeOut();
            $("#modify_tag_window").fadeOut();
            $("#task_help_text").fadeOut();

现在，在此fadeOut()之后，对话框会调整大小，但不会调整叠加层的大小。留下了阴影。

Answer 1

得到了答案。我只是将阴影的不透明度设置为零。这解决了问题

Answer 2

触发窗口调整大小事件。叠加层将随之调整大小。 $（窗口）.trigger（ '调整'）

Jquery UI-调整对话框大小时不重新调整叠加层

2 个答案: