如何使jQuery UI選項卡在激活選項卡時顯示：flex而不是'display：block'？

在這裏，我有我的jQuery UI選項卡（可能相當簡單）的問題。如何使jQuery UI選項卡在激活選項卡時顯示：flex而不是'display：block'？

在打開其中一個選項卡時，面板會顯示'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的選項卡中添加「顯示：柔性」而不是「顯示：塊」？上打開一個標籤

我試着用的jQuery UI提供的事件試驗，避風港」 T中的任何成功，到目前爲止，雖然

任何幫助將不勝感激謝謝

來源

2016-10-19 Sace

歡迎堆棧溢出問題求代碼！幫助必須包括在問題本身中重現**所需的最短代碼**最好在[** Stack Snippet **]中（https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript- CSS-和HTML的代碼段/）。請參閱[**如何創建最小，完整和可驗證的示例**]（http://stackoverflow.com/help/mcve） –

這裏是你的答案;！

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

來源

2016-10-19 11:38:10

這正是我正在尋找的內容，非常感謝您，祝您有個愉快的夜晚！ – Sace

如何使jQuery UI選項卡在激活選項卡時顯示：flex而不是'display：block'？

回答

相關問題