HTML代码不能在Chrome和服务器上运行吗？
HTML代码不能在Chrome和服务器上运行吗？
提问于 2017-04-02 07:01:03
我有一个简单的超文本标记语言页面，它是通过使用ResponsiveSlides.js从JSON文件中获取图片，它是在火狐工作，但它不显示其他浏览器的空白页面，而且当我从服务器上运行它时，它只是单独显示图片而没有动画？我应该怎么做才能在所有浏览器和服务器上运行我的HTML？
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ResponsiveSlides.js/1.55/responsiveslides.min.js"></script>
</head>
<body>
<div>
<ul id="exampleSlider">
</ul>
</div>
<script type="text/javascript">
$.getJSON('slides.json', function(data) {
$("h2").html(data[0].title);
$.each(data, function (i, f) {
if(i>0){
$("#exampleSlider").append("<li><a><img src=" + f.content + "></img></a><p>"+f.title+"</p></li>");
$("a").attr("href", "#");
}
});
});
$(function () {
$("#exampleSlider").responsiveSlides({
auto: true,
pause: true,
speed: 1200,
timeout: 3000
});
});
</script>
</body>
</html>回答 1
Stack Overflow用户
发布于 2017-04-02 07:09:17
您应该在将图像插入页面之后(在AJAX完成之后)初始化responsiveSlides 。
$(function() {
$.getJSON('slides.json', function(data) {
$("h2").html(data[0].title);
$.each(data, function(i, f) {
if (i > 0) {
$("#exampleSlider").append("<li><a><img src=" + f.content + "></img></a><p>" + f.title + "</p></li>");
$("a").attr("href", "#");
}
});
$("#exampleSlider").responsiveSlides({
auto: true,
pause: true,
speed: 1200,
timeout: 3000
});
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43162923
复制相关文章
相似问题
腾讯云开发者
