Question

我在同一页面上使用不同的标签。我希望当我切换标签时，我要替换的视图将被替换，并且想要在其他标签中显示相同的视图将保持相同

Answer 1

enter image description here

我想在侧栏标签中使用这个recaptcha，其他东西会像textarea按钮功能一样改变

Answer 2

您需要使用Bootstrap Tab窗格来实现此目的如果要根据选项卡替换视图

这是代码

//这些将是您的标签，点击后会打开带有 href

中提供的ID的div

<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#home">Home</a></li>
<li><a data-toggle="tab" href="#about">About</a></li>     
</ul>

//这些将是您的标签内容，基本上是上面所有按钮/标签的标签内容

<div class="tab-content">

//主页的标签内容

<div id="home" class="tab-pane fade in active">
      <h3>HOME</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </div>

//标签内容约为

<div id="about" class="tab-pane fade">
      <h3>Menu 1</h3>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>

  </div>

希望这有帮助

我们如何在不同的选项卡中使用相同的视图，同时在该选项卡中更改不同的视图？

2 个答案: