2017-05-07 105 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

很抱歉,但不起作用;它仍然不能識別清單已被加載。 –