jQuery .show()一个弹性框 [英] jQuery .show() a flex box

问题描述

我有一个带Flexbox的元件

I have an element with a flexbox

<ul id="myFlexbox">

div#myFlexbox{
    display:flex;
}

隐藏并显示它之后，它就会弄乱了.

after hide it and show it, it gets messed up.

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

现在该元素显示的是块而不是flex.

now the element has a display of block instead of flex.

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

如何在Flexbox中使用.hide和.show?

How can I use .hide and .show with flexboxes?

推荐答案

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

The show() adds display:block as a default for div. You can change the display to flex using jQuery css():

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

这篇关于jQuery .show()一个弹性框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！