Question

我有一个自举模式。模态中有标签视图。然后，每个标签都会呈现其内容的部分视图部分观点在其中很少有网址我遇到的问题是，当我在标签2之前定义标签1时，标签2中的网址内容不起作用。当我在1之前定义选项卡2时，选项卡1中的网址不起作用。

以下是我在模态体内定义标签的方法：

<div class="panel with-nav-tabs panel-default">
     <div class="panel-heading">
           <ul class="nav nav-tabs">
                <li class="active">
                     <a href="#tab1" data-toggle="tab">Tab 1</a>
                </li>
                <li>
                     <a href="#tab2" data-toggle="tab">Tab 2</a>
                </li>

           </ul>
     </div>
     <div class="panel-body>
          <div class="tab-content">
               <div class="tab-pane fade" id="tab2">
                     @Html.Partial("Tab 2")
               </div>

               <div class="tab-pane fade in active" id="tab1">
                     @Html.Partial("Tab 1")
               </div>
           </div>
      </div>
</div>

请注意以上代码中导致问题的代码：

              <div class="tab-content">
                   <div class="tab-pane fade" id="tab2">
                         @Html.Partial("Tab 2")
                   </div>

                   <div class="tab-pane fade in active" id="tab1">
                         @Html.Partial("Tab 1")
                   </div>
               </div>

在此代码选项卡中，2正在呈现来自＆＃39; Tab 2＆＃39;在标签1＆＃39;之前的部分。所以，标签2中的网址工作得非常好。

但是，如果我改变内容呈现的顺序。比如，如果我有Tab 1，则在Tab 2之前呈现内容。然后，标签1中的url工作正常，但是Tab 2中的url现在不起作用。

我无法理解为什么订单会影响标签内容无法正确呈现。
有没有办法让标签彼此分开。因为如果删除其他选项卡，两个选项卡都正常工作。

请提供您的建议！

我一直在问问题但没有得到答复。我对编码很新。

感谢您的帮助！

Bootstrap选项卡无法正确呈现内容

0 个答案: