div逐渐消失，但突然消失（jQuery）
[英]divs are fading in, but suddenly fades out (Jquery)
问题描述
我正在制作投资组合，每当我单击链接时，右边的div就会淡入/淡出，但随后所有内容都会淡出。
我想做的是有多个链接，无论我单击什么链接，它都会隐藏其余的链接。 无法找出出什么问题。
$('#about').on('click', function() { $('div').not('.about-content, .about-content2, .about-img').fadeOut(1000, 'swing', function(){ $('.about-content').fadeIn(1000, 'swing'); $('.about-content2').fadeIn(1000, 'swing'); $('.about-img').fadeIn(1000, 'swing'); }); })
/* content */ .about-content, .about-content2 { display: none; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <body> <div class="grid"> <div class="nav-left"> <a href="#" id="home">Name</a> </div> <div class="nav-right"> <a href="#" id="about">About</a> </div> <!-- home --> <div class="home-content"> <p>Web Developer</p> </div> <!-- about --> <div class="about-content"> <h2>About</h2> <p>Lorem</p> </div> <div class="about-content2"> <p>Ipsum</p> <div class="about-img"> <img src="img/pic.jpg"> </div> </div> </body>
1 个解决方案
解决方案1
0 2018-05-07 10:45:05
检查您的代码行为：
$('#about').on('click', function() {
$('div').not('.about-content, .about-content2, .about-img').fadeOut(1000, 'swing', function(){
$('.about-content').fadeIn(1000, 'swing');
$('.about-content2').fadeIn(1000, 'swing');
$('.about-img').fadeIn(1000, 'swing');
});
})
如果您先执行fadeOut，然后执行一个函数fadingIn，则两种行为都是正常的，请清理它：
$('#about').on('click', function() {
$('div').not('.about-content, .about-content2, .about-img', function(){
$('.about-content').fadeIn(1000, 'swing');
$('.about-content2').fadeIn(1000, 'swing');
$('.about-img').fadeIn(1000, 'swing');
});
}）
淡出所有的div？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.