使用MVC和Razor将css类放在div中

时间:2013-12-17 18:06:52

标签: c# css asp.net-mvc razor

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

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

但它不起作用。

我希望这个结果:

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

4 个答案:

答案 0 :(得分:9)

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

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

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

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

你可以添加javascript代码

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

答案 3 :(得分:0)

这应该这样做:

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