Question

我想使用jQuery制作一个简单的幻灯片，但是当我使用这段代码时，我在第二行出错了。

这是错误：缺少＆＃34;使用严格＆＃34;声明

＆＃13;

$(function(){
$('.slider img:gt(0)').hide();
setInterval(function(){
$('.slider:first-child').fadeOut(1000).next('img').fadeIn(1000).end().appendTo('.slider');},4000);
});

＆＃13;

.slider{
	float:right;
	width:100%;
	height:245px;
	background:#E8E4E4;
	border:1px solid #7894A6;
}
.slider img{
	float:right;
	width:100%;
	height:245px;
	background:#E8E4E4;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="slider">
<img src="images/1.jpg"/>
<img src="images/2.jpg"/>
<img src="images/3.jpg"/>
</div>

＆＃13;

Answer 1

这很可能是一个催眠警告，而不是错误。您的代码可能不会因为缺少＆＃34;使用严格的＆＃34;而破坏。但是，要删除该警告，您需要包含＆＃34; use strict＆＃34;在您的javascript的第一行，或在函数声明的内部。此外，我冒昧地编写代码格式，以便于阅读/理解：

$(function(){
  "use strict"
  $('.slider img:gt(0)').hide();
  setInterval(function(){
    $('.slider:first-child')
      .fadeOut(1000)
      .next('img')
      .fadeIn(1000)
      .end()
      .appendTo('.slider');
  }, 4000);
});

http://www.w3schools.com/js/js_strict.asp

Answer 2

要使用jQuery进行简单的幻灯片放映（并且不花费数小时），我可以建议您使用jQuery Slideshow Maker（以低价出售Codecanyon）。

您只需在服务器上传包并登录管理面板。

然后你有很多选项可以创建网页滑块，图库，添加导航，缩略图，图层和图层。更多。

如果您需要任何帮助，我随时可以使用＆amp;尽力帮助。

使用jquery创建幻灯片放映

2 个答案: