Essayer de définir MetaTag dynamiquement

J'essaie de configurer de manière dynamique une métatag à la tête de mon document. Il s'agit d'une métatag spécifique au périphérique mobile que je dois ajouter par code. J'ai trouvé cette solution ici:

Avoir du mal à utiliser jQuery pour définir des valeurs de méta-tags

Mais ça ne semble pas fonctionner, qu'est-ce-que je fais mal?

function setOrCreateMetaTag(metaName, name, value) { var t = 'meta['+metaName+'='+name+']'; var mt = $(t); if (mt.length === 0) { t = '<meta '+metaName+'="'+name+'" />'; mt = $(t).appendTo('head'); } mt.attr('content', value); } setOrCreateMetaTag(name, viewport, 'width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0'); 

Deux choses. D'abord, assurez-vous d'inclure jQuery, puisque le $ () est une méthode jQuery. Cela signifie inclure quelque chose comme:

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script> 

Le deuxième, je ne pense pas que vous ayez vraiment l'intention de passer le nom et la fenêtre de la variable. Plutôt, vous devriez passer les cordes comme:

 setOrCreateMetaTag('name', 'viewport', 'width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0'); 

Il semble que vous auriez besoin de citations autour du nom et de la fenêtre, à moins que ce ne soit une variable définie ailleurs:

 setOrCreateMetaTag('name', 'viewport', 'width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0');