jQuery .show() 一个 flexbox

Question

我有一个带有 flexbox 的元素

<ul id="myFlexbox">

div#myFlexbox{
    display:flex;
}

隐藏再显示之后，就乱了。

$('#myFlexbox').show();

现在该元素显示的是 block 而不是 flex。

<ul id="myFlexbox" style="display: block;">

如何将 .hide 和 .show 与 flexbox 一起使用？

Answer 1

show() 将 display:block 添加为 div 的默认设置。您可以使用 jQuery css() 将 display 更改为 flex:

$('#myFlexbox').css('display', 'flex');