比较来自世界各地的卖家的域名和 IT 服务价格

使用一个导航选项卡控制多个选项卡

我有一个常规标签 Twitter Bootstrap 3. 我想做的是控制它,它由几个控制

容器
tab-content

有一个元素
nav-tabs

.

这是一个例子:
http://jsfiddle.net/ju9sV/4/
在此示例中,当我更改选项卡时,只有第一个更改。 我希望两个容器改变,而不仅仅是第一个。

谢!
已邀请:

快网

赞同来自:

在这里我更新你的
http://jsfiddle.net/ju9sV/6/
我添加一个属性

data-target

在 A-elements 我在第二个标签中更改标识符 - 内容

我改变了这些行,

你的:


<li class="active"><a data-toggle="tab" href="#home">C1</a></li>
<li><a data-toggle="tab" href="#profile">C2</a> </li>


我的更新:


<li class="active"><a data-target="#home, #home_else" data-toggle="tab" href="#home">C1</a></li>
<li><a data-target="#profile, #profile_else" data-toggle="tab" href="#profile">C2</a> </li>


和第二个内容选项卡,为您:


<div class="tab-content" id="myTabContent">
<div class="tab-pane fade in active" id="home">
<p>Content 1.</p>
</div>
<div class="tab-pane fade" id="profile">
<p>Content 2.</p>
</div>
</div>


我的更新:


<div class="tab-content" id="myTabContent2">
<div class="tab-pane fade in active" id="home_else">
<p>Content 1.</p>
</div>
<div class="tab-pane fade" id="profile_else">
<p>Content 2.</p>
</div>
</div>

二哥

赞同来自:

相反,您应该只使用该类。 我刚刚在内容上工作 Bootstrap 3 使用模态窗口中的选项卡。 我试图强制一个模态窗口在右选项卡上打开,但我需要打开两个选项卡,一个用于模态标题,一个用于内容,其中包含其他选项卡 nab 在页脚。

我用过课程,它的工作。 所以改变
<div class="tab-pane fade in active" id="home">


<div class="tab-pane fade in active home">


<a data-toggle="tab" href="#home">


<a data-toggle="tab" href=".home">

... 为我工作。
</a></a></div>
<div class="answer_text">
标识符必须是唯一的。


https://softwareengineering.st ... eally
您的代码问题

具有标识符的两个元素 home, profile 和 myTabContent.


<div class="tab-content" id="myTabContent">
<div class="tab-pane fade in active" id="home">
<p>Content 1.</p>
</div>
<div class="tab-pane fade" id="profile">
<p>Content 2.</p>
</div>
</div>
<hr/>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade in active" id="home">
<p>Content 1.</p>
</div>
<div class="tab-pane fade" id="profile">
<p>Content 2.</p>
</div>
</div>



你给了
href="#home"

, 这将针对具有标识符的第一个元素。 并非所有元素都没有标识符。


<ul class="nav nav-tabs" id="myTab">
<li class="active"><a data-toggle="tab" href="#home">C1</a></li>
<li><a data-toggle="tab" href="#profile">C2</a></li>
</ul>


</div>
</div>

三叔

赞同来自:

标识符必须是唯一的。


https://softwareengineering.st ... eally
您的代码问题

具有标识符的两个元素 home, profile 和 myTabContent.


<div class="tab-content" id="myTabContent">
<div class="tab-pane fade in active" id="home">
<p>Content 1.</p>
</div>
<div class="tab-pane fade" id="profile">
<p>Content 2.</p>
</div>
</div>
<hr/>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade in active" id="home">
<p>Content 1.</p>
</div>
<div class="tab-pane fade" id="profile">
<p>Content 2.</p>
</div>
</div>



你给了
href="#home"

, 这将针对具有标识符的第一个元素。 并非所有元素都没有标识符。


<ul class="nav nav-tabs" id="myTab">
<li class="active"><a data-toggle="tab" href="#home">C1</a></li>
<li><a data-toggle="tab" href="#profile">C2</a></li>
</ul>

要回复问题请先登录注册