如何在 jQuery 中用 display flex 替换显示块答案

【问题标题】：How to replace display block with display flex in jQuery如何在 jQuery 中用 display flex 替换显示块
【发布时间】：2021-07-02 21:04:08
【问题描述】：

以下css样式规则设置为不显示：

.modal {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(0,0,0,0.2);
    display: none;
    align-items: center;
    z-index: 1;
}

当 jQuery 打开 modal 时，它给我添加了以下样式：显示块，但我不想要显示块，而是显示 flex。

如何让显示 flex 激活而不是显示块？

https://jsfiddle.net/x4fqpn96/中的代码

注意：它不起作用，因为它是用ajax实现的，信息被发送到php并返回一个响应。

【问题讨论】：

这能回答你的问题吗？ how fade in a flex box?
@Phil 如果我看到了，我尝试使用该示例，因为它在那里公开了它，但它不起作用，没有执行任何操作

标签： jquery

【解决方案1】：

试试：

添加display:flex 到元素，即使它是隐藏的（看看 jQuery 是否删除它）
否则，将fadeIn() 与fadeIn().css('display', 'flex') 交换以显式设置display。

【讨论】：