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

Question

I have used following code to add css class:

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

But it did not work.

I hope for this result:

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

Answer 1

@MichaelPerrenoud's answer is close. You need to wrap the whole conditional in parenthesis.

Using @() tells razor to output a string. So

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

Answer 2

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

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

Answer 3

you can add javascript code

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

Answer 4

这应该这样做：

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