为什么我的css类在初始加载时不会触发?

时间:2017-04-26 21:14:22

标签: css asp.net-mvc

我的页面上有一个引导标签组件。我试图控制重新加载页面时哪个选项卡处于活动状态。但是,在初始加载时,选项卡的行为非常特殊。这是代码:

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

它在标记中显示的内容并不起作用(注意引号之外的活动输出

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

行为只发生在初始负荷上,但是按下标签,行为是正常的,但额外的“活跃”仍然存在。我很困惑引号外的活跃来自哪里?

1 个答案:

答案 0 :(得分:1)

问题是你的输出没有呈现双引号所以它看起来像这样,active类没有附加到任何东西,但浏览器只会看到它是一个独立的属性:

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

而是试试这个:

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