Javascript HTML代码在Chrome和服务器上不可用？
我有一个简单的HTML页面，它通过使用Javascript HTML代码在Chrome和服务器上不可用？,javascript,jquery,html,json,browser,Javascript,Jquery,Html,Json,Browser,我有一个简单的HTML页面，它通过使用ResponsiveSlides.js从JSON文件中获取图片。它在Firefox中工作，但在其他浏览器中不显示空页面，而且当我从服务器运行它时，它只是单独显示图片，没有动画？在所有浏览器和服务器中运行HTML应该怎么做 <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript
ResponsiveSlides.js <!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>
$.getJSON（'slides.json'，函数（数据）{
$（“h2”）.html（数据[0]。标题）；
$。每个（数据、函数（i、f）{
如果（i>0）{
$（“#示例滑块”）。追加（“”+f.title+” ”）；
$（“a”）.attr（“href”，“#”）；
}
});
});
$（函数（）{
$（“#示例滑块”）。响应幻灯片({
是的，
停顿：是的，
速度：1200，
超时：3000
});
});
$（函数（）{
$.getJSON（'slides.json'，函数（数据）{
$（“h2”）.html（数据[0]。标题）；
$。每个（数据、函数（i、f）{
如果（i>0）{
$（“#示例滑块”）。追加（“”+f.title+” ”）；
$（“a”）.attr（“href”，“#”）；
}
});
$（“#示例滑块”）。响应幻灯片({
是的，
停顿：是的，
速度：1200，
超时：3000
});
});
});
文件：//