菜单li a上的触发选项卡事件 [英] Trigger tab event on menu 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.

推荐答案

使用jquery

你可以google



内容太短。

内容太短。

内容太短。

内容太短。

内容太短。

内容太短。

内容太短。

内容太短。

use jquery
you can google

The content is too short.
The content is too short.
The content is too short.
The content is too short.
The content is too short.
The content is too short.
The content is too short.
The content is too short.

// Trigger tabs with menu ul li

（ 。dropdown- menu a [tabid]）。on（' click'，function（e） {
var curTabId =

(".dropdown-menu a[tabid]").on('click',function(e){ var curTabId =

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