使用 JQuery 在 Head Tag 中添加元数据答案

【问题标题】：Using JQuery to add metadata in the Head Tag使用 JQuery 在 Head Tag 中添加元数据
【发布时间】：2012-06-13 15:47:56
【问题描述】：

我正在尝试在 Head 中插入一个新的元标记，我使用的内容管理系统不允许在 Head 中进行编辑，因此我尝试使用 jQuery 来执行此操作。不幸的是，我不能让它工作。

这是我添加到以下网页的代码：http://www.newcastlegateshead.com

<script type="text/javascript"> 
$("head").append("<meta name=viewport content=width=400, initial-scale=0.45, minimum-    scale=0.45/><link rel=apple-touch-icon href=/images/customIcon.png/><meta name=apple-mobile-web-app-capable content=no /><meta name=apple-mobile-web-app-status-bar-style content=black-translucent /><link rel=apple-touch-icon-precomposed href=/images/customIcon.png/> ");
</script>

【问题讨论】：

尝试将多个 <meta> 标签分散到多个 append 调用中。
@user1419007 NO NO NO NO NO 不要那样做。永远不要比你需要的更频繁地访问 dom！
您缺少 jQuery 所需的 $(document).ready(...) 包装器。请参阅@thecodeparadox 的回答。
THX 我已经添加了包装器，但它仍然无法正常工作：

标签： jquery

【解决方案1】：

尝试您的代码

<script type="text/javascript"> 
     $(document).ready(function() {
         $("head").append("<meta name=viewport content=width=400, initial-scale=0.45, minimum-    scale=0.45/><link rel=apple-touch-icon href=/images/customIcon.png/><meta name=apple-mobile-web-app-capable content=no /><meta name=apple-mobile-web-app-status-bar-style content=black-translucent /><link rel=apple-touch-icon-precomposed href=/images/customIcon.png/> ");
    });
</script>

$(document).ready(function() {...}) 的缩写是：

jQuery(function ($) {
    // Your code
})

这将确保您的代码将在onload 期间执行。

【讨论】：

您好试过还是不行？ 'code'link
@Yippyj 如果你有 firebug 然后在页面加载后打开它的console 并执行上面的代码然后检查你的 dom，你会发现你新添加的元标记
@thecodeparadox 确实会影响 seo，因为它没有显示在视图源中但显示在控制台中

【解决方案2】：

@thecodeparadox 的answer 几乎对我有用。为了让它工作，我需要在<meta> 前后使用单引号not双引号：

<script type="text/javascript"> 
     $(document).ready(function() {
         $("head").append('<meta name="apple-mobile-web-app-capable" content="yes">');
     });
</script>

【讨论】：