JAVASCRIPT:动态加载manifest.json
JAVASCRIPT:动态加载manifest.json
提问于 2017-05-07 11:46:28
虽然我无意中发现了Chrome/Android文件和原生manifest.json应用程序，但我无法加载清单，位于："/manifest.json"；我使用这个jQuery代码将链接添加到head标记。
$('head').append('<link rel="manifest" href="/manifest.json">');但是它将它添加到文档的头部，但它不读取清单；它只是说：“找不到清单”。
有人能帮我吗？
回答 1
Stack Overflow用户
发布于 2017-05-07 11:59:48
您必须在DOM准备好之前运行jQuery命令
像这样
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>mary@example.com</td>
</tr>
<tr>
<td>July</td>
<td>Dooley</td>
<td>july@example.com</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>mary@example.com</td>
</tr>
<tr>
<td>July</td>
<td>Dooley</td>
<td>july@example.com</td>
</tr>
</tbody>
</table>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43831095
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号