为什么我的jQuery淡出不工作
Why is my jQuery fadeOut not working?
我不知道它有什么毛病。它以前工作得很好,我不知道我改变了什么,使它坏了。jQuery应该是正确的,cdn也可以正常工作。
检查我的笔:http://codepen.io/mathiasvanderbrempt/pen/oXMJRr
HTML:<div class="header">
<p class="covertxt">INTERIEURINRICHTING <br> & SCHRIJNWERKERIJ</p>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
CSS: .header {
background:#333;
z-index: 5;
margin: 0 auto;
width: 80%;
max-width: 500px;
top: 30vh;
/*absolute centering*/
position:absolute;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
text-align: center;
color: #fff;
}
.header img {
width:100%;
}
.header p {
font-size: 22px;
font-family: montserratlight;
letter-spacing: 0.4em;
line-height: 1.3em;
text-transform: capitalize!important;
cursor: default;
text-align: center;
-webkit-transition: all 1.25s ease-in-out;
-moz-transition: all 1.25s ease-in-out;
-ms-transition: all 1.25s ease-in-out;
-o-transition: all 1.25s ease-in-out;
transition: all 1.25s ease-in-out;
}
jQuery: $(document).ready(function() {
var delay = 3000; //3 seconds
setTimeout(function() {
$('.header p').fadeOut(300, function() {
$(this).text("A LIFESTYLE FOR EVERYONE").fadeIn(300);
});
}, delay);
console.log("replaced");
});
我不完全确定你想做什么,但注释掉所有的xxx-transition
属性使文本褪色。
见更正笔
相关文章:
- JQuery 淡入/淡出错误 - 淡入到正常工作
- 除了淡入淡出,nivoSlider之外,没有其他过渡工作
- 淡出 ->淡入无法正常工作
- 在Mozilla / IE中淡出将无法正常工作
- 使淡入和淡出效果在jquery中工作
- Javascript按钮按下淡出父类只能工作一次
- JQUERY淡出,未按预期工作
- 滚动时淡入淡出;不能在移动浏览器中工作
- 点击时淡出是't工作
- 滚动淡入淡出;我不在萤火虫上工作
- 背景淡入淡出无法正常工作
- 通过CSS转换淡出;工作不正常
- 鼠标悬停上的Javascript fadein可以工作,但没有;t淡出
- JQuery淡出在IE9中不工作
- 淡出引导警报不工作
- 渐明,淡出DIV上循环工作良好-但不显示第一个DIV
- 改变不透明度使用css过渡和香草JavaScript只工作时淡出
- 为什么我的Jquery淡出函数不能工作?
- 淡入&在下面的代码中淡出不工作
- 停止jQuery淡出循环和添加悬停不工作