菜单li a上的触发选项卡事件

问题描述

Hi

I've Tab container that already working Tab functionality but I wanna need it also on menu li item. On menu li a click same table data should be show as working on tab li a.

Here is my html code.

<ul class="dropdown-menu">
    <li>
        <a href="style-changes.html">Style Change</a>
        <!-- <a data-toggle="tab" href="#tblStyleChanges">STYLE CHANGES</a>   ***not working*** -->
    </li>
    <li>
        <a href="item-changes.html">Item Change</a>
        <!-- <a data-toggle="tab" href="#tblItemChanges">ITEAM CHANGES</a>     ***not working*** -->
    </li>
</ul>
<ul class="tabs tabs-left">
    <li class="active">
        <a data-toggle="tab" href="#tblStyleChanges">STYLE CHANGES</a>
    </li>
    <li class="">
        <a data-toggle="tab" href="#tblItemChanges">ITEAM CHANGES</a>
    </li>
</ul>

<div class="tab-content">
    <!-- Table Container Style Changes -->
    <div id="tblStyleChanges" class="tab-pane active">
        <div class="row-fluid">
            <div class="span12">
                <div class="box box-color box-bordered">
                    <div class="box-title">
                        <h3>
                            <i class="icon-table"></i>
                            Style Changes
                        </h3>
                    </div>
                    <div class="box-content nopadding">
                        <table></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Table Container Item Changes -->
    <div id="tblItemChanges" class="tab-pane">
        <div class="row-fluid">
            <div class="span12">
                <div class="box box-color box-bordered">
                    <div class="box-title">
                        <h3>
                            <i class="icon-table"></i>
                            Item Changes
                        </h3>
                    </div>
                    <div class="box-content nopadding">
                        <table></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Thanking You.

推荐答案

// Trigger tabs with menu ul li

这篇关于菜单li a上的触发选项卡事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！