Razor View Engine e jQuery

Question

qualcuno sa come forzare il motore Razor View per stampare la riga esatta che è in ciclo foreach. Codice segue:

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

}

Ho provato ad utilizzare $() e jQuery(), ma in entrambi i casi il rasoio non so cosa fare. C'è un modo per costringerlo a stampare esattamente questo: jQuery ("# ​​pb @ PlayerID"). ProgressBar();. Voglio avere qualcosa di simile:

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

});

Grazie in anticipo!

Answer 1

All'interno del blocco @foreach, il contenuto è codice per impostazione predefinita a meno che non si ritorni al markup. Quindi la linea "jQuery (...). ProgressBar()" è considerata C#. In casi come questo, dove vuoi un markup che non sia HTML, puoi usare il tag > di testo >, che in realtà non è reso O la direttiva "@:" che ordina a Razor di trattare il resto della linea come markup, no importa ciò che contiene (ovviamente, puoi usare "@" all'interno della linea per nidificare altri blocchi di codice).

Inoltre, "pb @ PlayerID" si presenta come un indirizzo di posta elettronica per Rasoio in modo da ignorarlo. Puoi evitarlo usando la sintassi di espressione @() explict. Quindi il blocco @foreach dovrebbe essere simile a questo:

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

Answer 2

Questo very helpful article da Scott Gu spiega tutto quello che c'è da sapere - e ha praticamente ogni situazione coperto.

Ecco il esplicito stile <testo> fornita dal @Manticore - c'è molto più esempi in questo articolo.