Javascript 如何让jQuery UI选项卡执行';显示:flex';而不是';显示:块';关于激活标签?

Javascript 如何让jQuery UI选项卡执行';显示:flex';而不是';显示:块';关于激活标签?,javascript,jquery,css,flexbox,Javascript,Jquery,Css,Flexbox,在这里,我的jQueryUI选项卡有一个(可能相当简单)问题 打开其中一个选项卡时,面板将在其div中添加一个“style=“display:block;”,使面板可见 激活选项卡后的HTML: <div id="xxx" class="ui-tabs-panel ui-widget-content ui-corner-bottom" aria-labelledby="ui-id-2" role="tabpanel" style="display: block;" aria-hidden=

在这里,我的jQueryUI选项卡有一个(可能相当简单)问题

打开其中一个选项卡时,面板将在其div中添加一个“style=“display:block;”,使面板可见

激活选项卡后的HTML:

<div id="xxx" class="ui-tabs-panel ui-widget-content ui-corner-bottom" aria-labelledby="ui-id-2" role="tabpanel" style="display: block;" aria-hidden="false">

为了使位于内部的菜单看起来正确,我想使用flex来定位菜单项。不幸的是,我在CSS中设置它的所有尝试都会被脚本及其“display:block;”覆盖

如何使jQuery UI选项卡在打开选项卡时添加“display:flex”而不是“display:block”

我尝试过使用jQueryUI提供的事件,但到目前为止还没有成功

任何帮助都将不胜感激!谢谢你

这是你的答案

$("#tabs").tabs({
    activate: function( event, ui ) {
        ui.newPanel.css("display","flex");
    }
});
这是你的答案

$("#tabs").tabs({
    activate: function( event, ui ) {
        ui.newPanel.css("display","flex");
    }
});

欢迎使用堆栈溢出!寻求代码帮助的问题必须包括在问题本身(最好是在a中)中复制它所需的最短代码。请参阅欢迎使用堆栈溢出!寻求代码帮助的问题必须包括在问题本身(最好是在a中)中复制它所需的最短代码。请参阅这正是我正在查找的谢谢你,祝你晚上愉快!这正是我想要的,谢谢你,祝你晚上愉快!