2012-06-14 22 views
1

我在自定义模式(我自己的版本)上使用引导选项卡。第一次打开模式时,单击打开标签,但第二次打开模式时不再工作。jquery bootstrap选项卡不工作在自定义模式(不是自举模式,但我自己的版本)

这是选项卡中的HTML代码:

<div class="tabbable"> <!-- Only required for left/right tabs -->  
    <ul class="nav nav-tabs"> 
    <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li> 
    <li><a href="#tab2" data-toggle="tab">Section 2</a></li> 
    </ul> 
    <div class="tab-content"> 
    <div class="tab-pane active" id="tab1"> 
     <p>I'm in Section 1.</p> 
    </div> 
    <div class="tab-pane" id="tab2"> 
     <p>Howdy, I'm in Section 2.</p> 
    </div> 
    </div> 
</div> 

什么我做的是:

我在我的网页上的按钮,就可以单击时,一个模式(如灯箱)会打开它的标签。

第一次打开时,标签工作正常;当点击标签时,会显示相应的内容。但是当它关​​闭并再次打开时,标签是而不是正在工作;当点击标签时,相应的数据没有被显示。

+0

你的代码没有问题。你可以包括模式和按钮在这样的jsFiddle http://jsfiddle.net/baptme/HQ7jr/ – baptme

+0

你可以发布测试用例或整个页面标记?它很难盲目地诊断这样的事情。另外,您在头文件中以什么顺序加载了哪些js脚本? –

+0

我想关闭模式调用一个'empty()'或'remove()',这样它可能会从DOM中删除你的选项卡。在关闭模式之后,仔细检查以确保它们仍然存在。 – Terry

回答

1

在这里,我动态添加元素到DOM,当点击按钮时,但我没有删除元素,当点击CLOSE时,因此,点击关闭后删除元素是解决方案。

+0

你刚刚回答你自己的问题吗?如果是这样,请将此标记为答案。 –