4

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

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

<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 将“选项卡 2”中的内容部分呈现在“选项卡 1”之前。因此，选项卡 2 中的 url 运行良好。

但是，如果我要更改内容呈现方式的顺序。就像，如果我有 Tab 1，则在 Tab 2 之前呈现内容。然后，Tab 1 中的 url 工作正常，但 Tab 2 中的 url 现在不起作用。

我无法理解，为什么订单会影响选项卡内容无法正确呈现。
有没有办法可以将标签分开，以免相互影响。因为如果我删除另一个选项卡，两个选项卡都可以正常工作。

请提供您的建议！

我一直在问问题，但没有得到答复。我对编码相当陌生。

感谢帮助！

4

0 回答 0