试图动态设置MetaTag

时间:2010-08-30 03:56:38

标签: javascript jquery html meta-tags

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

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

2 个答案:

答案 0 :(得分:2)

两件事。首先确保你包含jQuery,因为$()是一个jQuery方法。这意味着包括:

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

第二,我不认为你真的打算传递变量name和viewport。相反,你应该传递像:

这样的字符串
setOrCreateMetaTag('name', 'viewport', 'width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0');

答案 1 :(得分:0)

看起来您需要在名称和视口周围引用,除非这些是在其他地方设置的变量:

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