在 MVC3 中的剃刀语法中显示 jquery 元素答案

【问题标题】：Show jquery element within razor syntax in MVC3在 MVC3 中的剃刀语法中显示 jquery 元素
【发布时间】：2015-02-26 06:41:58
【问题描述】：

我试图在 razor 语法块中使用 jquery 显示特定元素 $("#lblDischargeHeader").show();，但我拥有的当前代码，razor 正试图将其视为 C# 代码。

@{         
    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>
    }
}

我尝试使用语法：@:$("#lblDischargeHeader").show();，但所做的只是将该行呈现为页面上的文本。

感谢您的帮助！

【问题讨论】：

Razor 代码在发送到客户端之前在服务器上进行解析（jquery 是客户端 - 它还不存在）

标签： jquery asp.net-mvc-3 razor

【解决方案1】：

jQuery 是在客户端上运行的 JavaScript 代码。

C# 在服务器端运行。你不能将它嵌入服务器端并让它在那里运行。您需要使用 C# 在服务器端隐藏元素，并在模板或客户端使用 JavaScript（但不使用 C#）隐藏逻辑。

【讨论】：