Razor View Engine y jQuery

Question

¿Alguien sabe cómo forzar el motor Razor View para imprimir la línea exacta que está bajo el ciclo foreach? Código sigue:

@section head{ 
<script type="text/javascript" src="@Url.Content("~/Content/Scripts/jquery-1.4.1.js")"></script> 
<script type="text/javascript" src="@Url.Content("~/Content/Scripts/jquery.progressbar.min.js")"></script> 

<script type="text/javascript"> 

    $(document).ready(function() { 
     @foreach(var player in Model) 
     { 
      jQuery("#pb@PlayerID").progressBar(); 
     } 
    }); 
</script> 

}

He intentado utilizar $() y jQuery(), pero en ambos casos la maquinilla de afeitar no saber qué hacer. ¿Hay alguna manera de obligarlo a imprimir exactamente esto: jQuery ("# ​​pb @ PlayerID"). ProgressBar();. Quiero tener algo como esto:

$(document).ready(function() { 
    $("#pb1").progressBar(); 
    $("#pb2").progressBar(); 
    $("#pb3").progressBar(); 

});

¡Gracias de antemano!

Answer 1

Dentro del bloque @foreach, el contenido es código por defecto a menos que vuelva a cambiar a marcado. Entonces, la línea "jQuery (...). ProgressBar()" se considera C#. En casos como este, donde desee un marcado que no sea HTML, puede usar la etiqueta < de texto >, que en realidad no se representa O la instrucción "@:" que indica a Razor que trate el resto de la línea como marcado, no importa lo que contenga (por supuesto, puede usar "@" dentro de la línea para anidar más bloques de código).

Además, el "pb @ PlayerID" parece una dirección de correo electrónico para Razor, por lo que lo ignora. Puede evitar eso usando la sintaxis de expresiones explict @(). Por lo que el bloque de @foreach debería tener este aspecto:

@foreach(var player in Model) 
{ 
    @: jQuery("#pb@(PlayerID)").progressBar(); 
} 

Answer 2

Este very helpful article por Scott Gu explica todo lo que necesita saber - y tiene casi todas las situaciones previstas.

Aquí está el explícito <texto> estilo mencionado por @Manticore - hay muchos más ejemplos en el artículo.