我正在尝试编写一个循环遍历无序列表(具有 id“intro”的 ul 元素)并分别淡入和淡出每个元素的 jquery 函数。这不起作用,但我在开发人员工具中没有发现任何错误。我也尝试更改 var list = $("#intro");
至 var list = $("#intro li");
但也没有骰子
<script type = "text/javascript">
function startAnimations(){
var list = $("#intro");
list.hide();
list.each(function(li) {
$(li).fadeIn(3000, function(){
$(li).fadeOut(3000);
});
});
}
</script>
由于要求提供 html:
<body onload="startAnimations()">
<div class = "container">
<div id = "inner"> </div>
<div id = "right-col">
<ul id = "intro">
<li id = "greeting"> <h2 > sometext </h2> </li>
<li id = "sidenote"> <h6 > sometext </h6> </li>
<li id = "sentence"> <h3 > sometext </h3> </li>
<li id = "sentence"> <h3 > sometext</h3> </li>
<li id = "sentence"> <h3 > sometext</h3> </li>
</ul>
</div>
</div>
</body>
最佳答案
尝试
function startAnimations() {
$("#intro li").hide();
function loop() {
var $li = $("#intro li:first-child").fadeIn(3000, function () {
$li.fadeOut(3000, function () {
$li.appendTo('#intro');;
loop()
})
});
}
loop()
}
演示:Fiddle
关于javascript - 淡入/淡出 jquery 列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22703829/