使用JavaScript和超文本标记语言随机循环浏览小部件
使用JavaScript和超文本标记语言随机循环浏览小部件
提问于 2018-10-11 05:15:45
我已经构建了几个小部件，并希望每当网页刷新时填充一个不同的小部件。我还是个写JavaScript的新手，我似乎不能让代码正常工作。
请参阅下面的HTML和JavaScript代码
$(document).ready(function () {
// Array of files to load via AJAX
var files = [
'wedding.html',
'wellness.html',
'sports.html'
];
var url = files[Math.floor(Math.random() * files.length)];
$.get(url, function (data) {
$('#c5Atrium').html(data);
});
});<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
crossorigin="anonymous"></script>
<title>C5 Widget</title>
</head>
<body>
<!-- Start code for c5 widget -->
<div id="c5widget"></div>
<script type="text/javascript" src="http://sever-path.com/c5_widget.js"></script>
<!-- End code for c5 widget -->
</body>
</html>
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-10-11 05:24:45
html中的DIV叫做"c5widget“，但是你试图通过id”#c5trium“来访问它。
变化
$('#c5Atrium').html(data);至
$('#c5widget').html(data);或者，可能“div”用于其他用途，而您缺少id为"c5Atrium“的c5widget。在这种情况下，添加一个id为"c5Atrium“的div
<div id="c5Atrium"></div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52748896
复制相关文章
相似问题