css - 为什么我的 css 类没有在初始加载时触发?

标签 css asp.net-mvc

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

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

它在标记中显示但不起作用的是(注意引号外的事件

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

该行为只发生在初始加载时,但如果按下选项卡,行为是正常的,但额外的“事件”仍然存在。我很困惑引号外的事件来自哪里?

最佳答案

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

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

试试这个:

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

关于css - 为什么我的 css 类没有在初始加载时触发?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43644636/

相关文章:

jquery 加/减选择器

html - 当有人在网页的当前行中时,如何在我的导航栏中显示/保持悬停效果

c# - 错误: The cast to value type 'System.Int32' failed because the materialized value is null

c# - 身份相关实体的高效缓存

html - 菜单翻转图像和文本仅适用于一个

ios - 动态 CSS 未在 iOS 中加载

google-chrome - 是否可以在浏览器中模拟方向?

java - html 文件内内联后端代码

c# - 如何使用MVC4在部分 View 中调用HtmlHelper方法

c# - 如何在azure搜索查询语法中设置类似查询的查询?