Question

我目前刚接触PHP，而且我正在尝试创建一个有多个标签面板的页面。

我想要完成的是如何在主标签中添加一组新标签。

这是我的页面设计脚本

<!-- BEGIN CONTAINER -->
<div class="page-container">
    <!-- BEGIN CONTENT -->
    <div class="page-content-wrapper">
        <div class="page-content">
            <!-- BEGIN PAGE CONTENT-->
            <div class="row">
                <div class="col-md-12">
                    <div class="portlet-body">
                        <div class="loading display-hide">
                            <img src="/assets/img/loader.gif" />
                        </div>
                        <ul class="nav nav-tabs" id="myTabs">
                            <li class="active">
                                <a href="#workstation" data-url="cdr.php">Concentrix Cost in USD</a>
                            </li>
                            <li>
                                <a href="#workstation" data-url="monthly.php">Concentrix Usage in Minutes</a>
                            </li>
                            <li>

                                <a href="#workstation" data-url="pgi.php">I WANT TO PUT THE SUBTABS INSIDE THIS TAB</a>

                            </li>
                        </ul>
                        <div class=" tab-content ">
                            <div class="tab-pane active " id="workstation ">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT-->
        </div>
    </div>
    <!-- END CONTENT -->
</div>
<!-- END CONTAINER -->

非常感谢您的投入！

提前致谢！

Answer 1

对于jQuery嵌套选项卡：http://jsfiddle.net/bpJUv/1/

示例：

$('#tabs').tabs();
$('#tabs1').tabs();
$('#tabs2').tabs();

或

对于CSS下拉菜单，请尝试以下操作：https://css-tricks.com/targetting-menu-elements-submenus-navigation-bar/

主选项卡内的子选项卡

1 个答案: