jquery - 使用 jquery 创建幻灯片放映

Question

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

这里是错误:缺少“使用严格”语句

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

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

<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>

Answer 1

这很可能是 linter 警告，而不是错误。您的代码可能不会因为缺少“使用严格”而中断但是，要删除该警告，您需要在 javascript 的第一行或函数声明内部包含“use strict”。另外，我冒昧地对您的代码进行了格式化，使其更易于阅读/理解:

$(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