<script> balise à l'intérieur de jquery template

Fond d'écran:

J'ai ce modèle qui inclut des vidéos à partir de youtube en cours de chargement avec swfobject.

Question:

Est-il un moyen d'inclure une balise de script...

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

à l'intérieur d'un jQuery Template??

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

Évidemment, il ne fonctionne pas directement, est-il possible de réaliser la même chose sans le script à l'intérieur d'autres script?

InformationsquelleAutor Carlos Muñoz | 2011-01-24
  1. 24
    <script id="filaVideoTemplate" type="text/x-jQuery-tmpl">
    <!-- Some HTML here -->
    <script type="text/javascript">
        <!-- Some javascript here -->
    {{html "</sc"+"ript>"}}
</script>

    Vous pouvez utiliser {{html "</sc"+"ript>"}} remplacer </script>

    InformationsquelleAutor Ronny Wang
  2. 4

    Ne sais pas si c'est le seul chemin, mais vous pouvez insérer le script en HTML brut pour le modèle:

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

    Alors:

    var innerScript = '<script type="text/javascript"><!-- Some javascript here --></script>';
$('#filaVideoTemplate').tmpl({innerScript: innerScript});
    • Bon, mais le script n'est pas anodin, et je ne veux pas avoir le script comme une variable, c'est exactement pourquoi je suis à l'aide de modèles, en premier lieu,
    • oui, c'est esquiver l'ensemble du moteur de template pour l'essentiel. Pourquoi vous n'avez pas le script comme un fichier JS externe si?
    • Car le script est différente pour chaque élément dans le modèle, il est généré dinamically à partir du résultat d'un appel json.
    • il sonne comme une mauvaise idée de modèle de javascript. Si c'est du javascript, pourquoi ne pouvez-vous pas transmettre les données json comme argument?
    • Vous n'êtes probablement pas prendre la bonne approche. Gardez votre code en dehors de vos modèles, enveloppé dans les fonctions de, qui prennent comme arguments les variables que vous pensez que vous avez besoin à l'intérieur de ces modèles de script. Vous devriez vous retrouver avec quelque chose de plus simple, plus rapide et plus propre.
    • vous avez raison, je vais essayer de quitter le javascript à l'extérieur

    InformationsquelleAutor David Tang
  3. 0

    Ronny Wang réponse a offert un bon endroit pour commencer pour mon problème. Cependant, sa solution n'a pas fonctionné pour moi, le .. balises dans le corps de l'jQuery template a été à l'origine des problèmes sur mon MVC3 Rasoir afficher la page.

    Heureusement, je suis tombé sur une solution ( détails @ https://github.com/jquery/jquery-tmpl/issues/94 ) qui fonctionne et ne nécessite qu'un changement mineur. Voici Ronny réponse, mais avec un correctif qui devrait en faire MVC3-compatible:

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

    Ressemble à la fois l'ouverture et la fermeture de la balise juste besoin d'être brisé. Espérons que cette aide!

    InformationsquelleAutor Mass Dot Net
  4. 0
    <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 les données unique n'est pas une collection de code ci-dessus est correcte. le reste ( les données de collecte ) la balise de script utilisé pour lier plusieurs fois ( les données.la longueur de temps ).

    InformationsquelleAutor Thulasiram
  5. 0

    pas sûr de ce que vous demander, mais:
    vous pouvez utiliser une requête ajax et de mettre votre modèle à l'intérieur de (js) fichier .
    mon template_script.js l'utilisation d'ajax comme suit:

    JS:

    $('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.
}

    InformationsquelleAutor Amir Rezvani