jquery - 使用 JQuery 在 Head Tag 中添加元数据

Question

我正在尝试在 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>

Answer 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.

Answer 2

@thecodeparadox的回答几乎对我有用。为了让它工作，我需要单引号而不是前后双引号<meta>：

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