javascript - template - Etiqueta<script> dentro de la plantilla de jquery

jquery template html

Question

Backgroud:

Tengo esta plantilla que incluye videos de youtube que se cargan con swfobject.

Pregunta:

¿Hay alguna manera de incluir una etiqueta de script ...

<script type="text/javascript">
</script>

dentro de una plantilla de jQuery?

<script id="filaVideoTemplate" type="text/x-jQuery-tmpl">
    <!-- Some HTML here -->
    <script type="text/javascript">
        <!-- Some javascript here -->
    </script>
</script>

Obviamente, no funciona directamente, ¿hay alguna manera de lograr lo mismo sin el script dentro de otro script?

Answer 1

La respuesta de Ronny Wang ofreció un buen lugar para comenzar mi problema. Sin embargo, su solución no funcionó para mí: las etiquetas .. en el cuerpo de la plantilla jQuery estaban causando problemas en mi página MVC3 Razor view.

Afortunadamente, me encontré con una solución (detalles @ https://github.com/jquery/jquery-tmpl/issues/94 ) que funciona y solo requiere un pequeño cambio. Aquí está la respuesta de Ronny, pero con una solución que debería ser compatible con MVC3:

<script id="filaVideoTemplate" type="text/x-jQuery-tmpl">
    <!-- Some HTML here -->
    <scr{{= ""}}ipt type="text/javascript">
        <!-- Some javascript here -->
    </scr{{= ""}}ipt>
</script>

Parece que tanto la etiqueta de apertura como la de cierre solo necesitan separarse. ¡Espero que esto ayude!

Answer 2

No estoy seguro de si esta es la única forma, pero puede insertar el script como HTML sin formato para la plantilla:

<script id="filaVideoTemplate" type="text/x-jQuery-tmpl">
    <!-- Some HTML here -->
    {{html innerScript}}
</script>

Entonces:

var innerScript = ''<script type="text/javascript"><!-- Some javascript here --></script>'';
$(''#filaVideoTemplate'').tmpl({innerScript: innerScript});

Answer 3

no estoy seguro de lo que está preguntando, pero puede usar la solicitud ajax y poner su plantilla dentro del archivo (js). my template_script.js el uso de ajax así:

$(''the element'').load(''template_script.js'').then( OK , fail );

function OK(){
  do something if request was ok.
}

function fail(){
  do something if request was not ok.
}

Answer 4

<script id="filaVideoTemplate" type="text/x-jQuery-tmpl">
    <!-- Some HTML here -->
    <script type="text/javascript">
        <!-- Some javascript here -->
    {{html "</sc"+"ript>"}}
</script>

Puede usar {{html "</ sc" + "ript>"}} replace </ script>

Answer 5

<script id="filaVideoTemplate" type="text/x-jQuery-tmpl">
   <!-- Some HTML here -->  
</script>



var data = [{ ''Id'': ''1'', ''Name'': ''a'' }, { ''Id'': ''2'', ''Name'': ''b'' }, { ''Id'': ''3'', ''Name'': ''c''}];

var renderedHtml = $(''<div />'').html($(''#filaVideoTemplate'').tmpl(data)).append((''<script type="text/javascript"><!-- Some javascript here --></endScript>'').replace(/endScript/g, ''script'')).html();

si los datos son únicos, no es correcto el código de una colección anterior. else (data is collection) la etiqueta del script utilizada para enlazar varias veces (data.length veces).