为什么我的CSS课程在初始负载时不发射



我的页面上有一个bootstrap选项卡组件。我试图控制页面重新加载时的哪个选项卡。但是,在初始加载时,标签的行为非常奇特。这是代码:

<li @(Model.tab == 1 ? "class=tab-pane active" : "class=tab-pane" id="tab1"><l1>

它在标记中显示的内容且不起作用的是(请注意引号之外的活动

<li class="tab-pane" active id="tab1"><l1>

行为仅发生在Inital载荷上,但按下了选项卡,行为是正常的,但是额外的"主动"仍然存在。我很困惑引号之外的活跃在哪里?

问题是您的输出不会呈现双引号,因此看起来像这样,在active类中没有任何内容,但浏览器只会将其视为独立的属性:

<li class=tab-pane active id="tab1"><l1>

而是尝试以下操作:

<li class="@(Model.tab == 1 ? "tab-pane active" : "class=tab-pane")" id="tab1"><l1>