javascript - 尝试动态设置 MetaTag

Question

我正在尝试将元标记动态设置到我的文档的头部。这是我需要通过代码添加的特定于移动设备的元标记。我在这里找到了这个解决方案:

Having trouble using jQuery to set meta tag values

但它似乎不起作用，我做错了什么？

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');

Answer 1

两件事。首先确保包含 jQuery，因为 $()​​ 是一个 jQuery 方法。这意味着包括如下内容:

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

第二，我不认为你真的打算传递变量名称和视口(viewport)。相反，您应该像这样传递字符串:

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