javascript - 尝试动态设置 MetaTag

Question

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

使用 jQuery 设置元标记值时遇到问题

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

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>    

第二，我不认为你真的打算传递变量名称和视口。相反，您应该传递如下字符串：

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

Answer 2

似乎您需要在名称和视口周围加上引号，除非这些是在其他地方设置的变量：

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