bootstrap里面关于下拉菜单dropdown和dropup和导航结合的问题

Question

问题是这样的：我在导航的一个li嵌入了一个下拉菜单，然后对应的每一个链接点击，下面的tab-content相对应的都会变换，
代码如下：

 <div class="div1">
        <ul class="nav nav-tabs" id="tables">
            <li class="dropdown">
                <a data-target="#"class="dropdown-toggle" data-toggle="dropdown">Separated link
                <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a tabindex="-1" href="#e" data-toggle="tab">1</a></li>
                    <li><a tabindex="-1" href="#f" data-toggle="tab">2</a></li>         
                </ul>
            </li>
        </ul>
        <ul class="tab-content">
            <li id="e" class="tab-pane fade ">dsdad</li>
            <li id="f" class="tab-pane fade">aaaaaa</li>
        </ul>
    </div>

这样的效果是没有问题的，现在我想把那个dropdown改成dropup类，就出现问题了：
一次点击链接1,2,1然后再第2次点击1的时候，1已经处于active状态。也就是说在点击2的时候没有把1的active状态类取消。。。而且，在dropdown的时候，如果我点击1或者2 那么会给与dropdown 一个active的类，可是在dropup的时候，我点击1，或者2都没有基于dropup 一个active的类。我不知道这是为什么，明明dropdown是哈好的T T 求解啊。。。