使用 MVC 和 Razor 在 div 中放置一个 css 类答案

【问题标题】：Place a css class in a div using MVC and Razor使用 MVC 和 Razor 在 div 中放置一个 css 类
【发布时间】：2014-01-05 15:40:05
【问题描述】：

我使用以下代码添加 css 类：

<div id="123" class="tab-pane @{ if (some_condition) { Html.Raw("active"); }; } ">

但它不起作用。

我希望这个结果：

<div id="123" class="tab-pane active">

【问题讨论】：

【解决方案1】：

我相信你可能想要这样做：

<div id="123" class='tab-pane @some_condition ? "active" : ""'>

【讨论】：

【解决方案2】：

你可以添加javascript代码

    <script>
       @if(true)
       $('#123').addClass("active");
    </script>

【讨论】：

【解决方案3】：

应该这样做：

<div id="123" class="tab-pane @if (some_condition) { <text>active</text>  }">

【讨论】：

【解决方案4】：

@MichaelPerrenoud 的回答很接近。您需要将整个条件括在括号中。

使用@() 告诉razor 输出一个字符串。所以

<div id="123" class='tab-pane @(condition ? "active" : "")'>

【讨论】：