Jquery ui 使用jQueryUITabs特性,为按钮获取多行,但应该只有一行

Jquery ui 使用jQueryUITabs特性,为按钮获取多行,但应该只有一行,jquery-ui,bootstrap-4,Jquery Ui,Bootstrap 4,使用jQueryUI选项卡时,会根据按钮的数量显示一行选项卡,但会显示多行选项卡。这正与引导网格一起使用,这可能是问题的根源 使用: jqueryui-v1.12.1-2020-11-09 引导程序v4.5.0 HTML定义: <div id="informationSourceTabs"> <ul> <li><a href="#customerNameRefineryTab">

使用jQueryUI选项卡时,会根据按钮的数量显示一行选项卡,但会显示多行选项卡。这正与引导网格一起使用,这可能是问题的根源

使用:

  • jqueryui-v1.12.1-2020-11-09
  • 引导程序v4.5.0
HTML定义:

<div id="informationSourceTabs">
    <ul>
        <li><a href="#customerNameRefineryTab">Customer Name Refinery</a></li>
        <li><a href="#customerSSOT_APISourceTag">Customer Registry</a></li>
    </ul>
    <div id="customerNameRefineryTab">

        ....

    </div>
    <div id="customerSSOT_APISourceTag">

        ....

    </div>
</div>

相当简单的东西。任何想法都会非常有帮助。

我可以问一下,当您有可用的引导选项卡时,为什么要使用jQueryUI选项卡(非常旧,不支持5年)?另外,您的屏幕截图似乎没有显示多行。问题出在哪里?事实上,这是个不错的问题-不知道为什么前几天我在查看引导选项卡时没有看到它的功能。你能告诉我它在文档中的什么地方被指定吗?Bootstrap doc有时比directive稍差一些。当然会考虑远离JQuerythis@isherwood-查看那些黑色条纹-这些是jQuery UI选项卡“行”,搜索框是您的朋友。:)
$("#informationSourceTabs").tabs();