2017-05-07 103 views
0

同时编程HTML我的manifest.json上跌跌撞撞的文件,对本地的Chrome/Android的应用程序,但我不能加载清单,位于:“/manifest.json” ;我用这个jQuery代码将链接添加到标头标签。JAVASCRIPT:动态加载的manifest.json

$('head').append('<link rel="manifest" href="/manifest.json">'); 

但它添加到文档的,但它不读取清单;它只是说:“没有发现清单”。

任何人都可以帮助我吗?

回答

0

你必须运行之前jQuery的命令DOM准备

喜欢这个

类型1:

$(window).load(function() { 
    $('head').append('<link rel="manifest" href="/manifest.json">'); 
}) 

类型2: 使用$.getJSON

$.getJSON("ajax/test.json", function(data) { 
    var items = []; 
    $.each(data, function(key, val) { 
    items.push("<li id='" + key + "'>" + val + "</li>"); 
    }); 

    $("<ul/>", { 
    "class": "my-new-list", 
    html: items.join("") 
    }).appendTo("body"); 
}); 

脚本jQuery中加载: -

在这个例子下面我并没有包括在HTML引导,但我包括在

$(window).load()它的工作原理。

$(window).load(function(){ 
 

 
$('head').append('<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">'); 
 

 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<html> 
 
<head> 
 

 
</head> 
 
<body> 
 
<table class="table"> 
 
    <thead> 
 
     <tr> 
 
     <th>Firstname</th> 
 
     <th>Lastname</th> 
 
     <th>Email</th> 
 
     </tr> 
 
    </thead> 
 
    <tbody> 
 
     <tr> 
 
     <td>Mary</td> 
 
     <td>Moe</td> 
 
     <td>[email protected]</td> 
 
     </tr> 
 
     <tr> 
 
     <td>July</td> 
 
     <td>Dooley</td> 
 
     <td>[email protected]</td> 
 
     </tr> 
 
    </tbody> 
 
    </table> 
 
</body> 
 
</html>


没有脚本

<html> 
 
    <head> 
 

 
    </head> 
 
    <body> 
 
    <table class="table"> 
 
     <thead> 
 
      <tr> 
 
      <th>Firstname</th> 
 
      <th>Lastname</th> 
 
      <th>Email</th> 
 
      </tr> 
 
     </thead> 
 
     <tbody> 
 
      <tr> 
 
      <td>Mary</td> 
 
      <td>Moe</td> 
 
      <td>[email protected]</td> 
 
      </tr> 
 
      <tr> 
 
      <td>July</td> 
 
      <td>Dooley</td> 
 
      <td>[email protected]</td> 
 
      </tr> 
 
     </tbody> 
 
     </table> 
 
    </body> 
 
    </html>

+0

很抱歉,但不起作用;它仍然不能识别清单已被加载。 –