在这里,我想创建一个类似幻灯片概念的东西,它使用setInterval函数逐个获取值。我刚刚尝试基于逻辑实现,但它没有按预期工作,只是得到错误输出。所以如何修复并改进我的代码?
的jQuery
setInterval(function() {
var getValue = $('#slideShow').find('input:first').val()
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideShow');
alert(getValue);
}, 3000);
HTML
<div id="slideShow">
<input type="hidden" value="one"/>
<input type="hidden" value="two"/>
<input type="hidden" value="three"/>
</div>
答案 0 :(得分:2)
您无法在.fadeOut()
方法之后链接.val()
方法。
.val()
方法没有返回jQuery对象,它是returns a string/number/array。
.fadeOut()
方法需要一个jQuery对象,这就是你收到错误的原因。
您可以使用:
setInterval(function() {
var getValue = $('#slideShow').find('input:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideShow');
alert(getValue.val());
}, 3000);