Javascript 如何使用jQuery淡入列表中的下一幅图像?
我有一张图片列表。我想在前一张图像淡出后淡入下一张图像。我认为应该相当简单Javascript 如何使用jQuery淡入列表中的下一幅图像?,javascript,jquery,html,css,image,Javascript,Jquery,Html,Css,Image,我有一张图片列表。我想在前一张图像淡出后淡入下一张图像。我认为应该相当简单 <ul class="nav fading"> <li><?= anchor("#","Supported by",array("class" => "footer-heading disabled")) ?></li> <li><?= img("assets/img/1.png") ?></li> <li>
<ul class="nav fading">
<li><?= anchor("#","Supported by",array("class" => "footer-heading disabled")) ?></li>
<li><?= img("assets/img/1.png") ?></li>
<li><?= img("assets/img/2.png") ?></li>
</ul>
我曾尝试在同一图像淡出后再次淡入该图像,但效果良好:
$(document).ready(function(){
$(".fading img").hide(); //hide everything
$(".fading img:first").fadeIn(4000);
$(".fading img:first").fadeOut(4000,function(){
$(this).fadeIn(4000);
});
});
当我尝试淡入列表中的下一张图像时,问题就出现了。我建议如下 替换这个
$(this).parent().next().fadeIn(4000);
用这个
$(this).parent().next().find('img').fadeIn(4000);
我建议如下 替换这个
$(this).parent().next().fadeIn(4000);
用这个
$(this).parent().next().find('img').fadeIn(4000);
要从另一个查找
,您必须使用.find()
或.children()
向下遍历一个“代”,然后使用.parent()
:
要从另一个查找
,您必须使用.find()
或.children()
向下遍历一个“代”,然后使用.parent()
:
这里有很多重复的答案这里有很多重复的答案你想分享一下你认为错的地方吗?按需驾驶投票并不能真正帮助我纠正错误。想和大家分享一下你的想法吗?按需驾驶投票并不能真正帮助我纠正它。
$(this).parent().next().fadeIn(4000);