Razor 中的选项卡只有一个选项卡处于活动状态

Question

我的 Razor 中有以下选项卡：

<div class="page-tabs">
<ul class="nav nav-tabs">
    @if (!Model.OriginalWork.IsNew)
    {

        <li class='@(ViewBag.IsAmendment == "0" ? "active" : "")'>
        <a href='@Url.Action("ReviewDetails", "SongsManagement", new { isAmendment = 0 }))' title="Original">Original</a>
    </li>
        <li class='@(ViewBag.IsAmendment == "1" ? "active" : "")'>
            <a href='@Url.Action("ReviewDetails", "SongsManagement", new { isAmendment = 1 })' title="Amendment">Active Amendment</a>
    </li>
    }
</ul>

只有第二个选项卡在我单击时显示为活动状态。当我点击原来的它没有改变？

Answer 1

在第一个标签中有一个额外的括号

<div class="page-tabs">
<ul class="nav nav-tabs">
@if (!Model.OriginalWork.IsNew)
{

    <li class='@(ViewBag.IsAmendment == "0" ? "active" : "")'>
    <a href='@Url.Action("ReviewDetails", "SongsManagement", new { isAmendment = 0 
  })' title="Original">Original</a>
</li>
    <li class='@(ViewBag.IsAmendment == "1" ? "active" : "")'>
        <a href='@Url.Action("ReviewDetails", "SongsManagement", new { isAmendment = 1 })' title="Amendment">Active Amendment</a>
</li>
}
 </ul>

Razor 中的选项卡只有一个选项卡处于活动状态

Tabs in Razor only one tab is active

c#

asp.net-mvc

razor

twitter-bootstrap

bootstrap-tabs