Show jquery element within razor syntax in MVC3

Question

I am trying to show a particular element, $("#lblDischargeHeader").show(); using jquery from within a razor syntax block but the current code I have, razor is trying to treat as C# code.

@{         
    if (Model.Patient.PatientStatusType.Description == "Discharged")
    {
        $("#lblDischargeHeader").show();

        <div id="DischargePanel" class="panel panel-danger" style="clear:both;">
            <div class="panel-heading">Patient Discharged</div>
            <div class="panel-body">
                <table>
                    <tr>
                        <td><b>Date:</b></td><td>@Model.Patient.PatientDischarge.DischargeDate.ToShortDateString()</td>
                        <td><b>Reason:</b></td><td>@Model.Patient.PatientDischarge.Reason</td>
                    </tr>
                </table>
            </div>
        </div>
    }
}

I tried using the syntax: @:$("#lblDischargeHeader").show(); but all that does is render the line as text on my page.

Thank you for any assistance!

Razor code is parsed on the server before its sent to the client (jquery is client side - it doesn't exist yet) — user3559349
– user3559349, Commented Feb 25, 2015 at 22:42

Justin Niessner · Accepted Answer · 2015-02-25 22:41:58Z

1

jQuery is JavaScript code that runs on the client.

C# runs server-side. You can't embed it server-side and have it run there. You'll need to hide the element on the server-side using C# and logic in your template or client-side with JavaScript (but no C#).

answered Feb 25, 2015 at 22:41

Justin Niessner

246k40 gold badges416 silver badges546 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Show jquery element within razor syntax in MVC3

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related