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。为了使它正常工作，我需要在

前后加上单引号不双引号

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

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

2 个答案: