あなたはこの
タイプ1のように準備ができて
DOM前に、jQueryのコマンドを実行する必要があります。
$(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>
申し訳ありませんが、それは動作しません。それでもマニフェストが読み込まれたことを認識しません。 –