HTML元素不会使用jquery淡入淡出

Question

我有一个小网页项目,你可以在这里看到:http://seegermattijs.be/pickone/ 当你插入两个项目时,选择一个按钮应该淡入.不幸的是它不会褪色.我使用以下代码:

$('.bigBtn').fadeIn('slow');

并且在开始时我使.bigBtn不可见:

$('.bigBtn').hide()

我究竟做错了什么？

Answer 1

您已应用于页面上每个元素的CSS转换(从您的开始css/main.css):

* {
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
}

正在与jQuery淡入淡出动画发生冲突.

使用以下内容删除按钮中的CSS过渡:

.bigBtn {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
}

(或者更好的是,只在第一个地方将它们应用到你想要的地方).

你的.fadeIn('slow')意志然后工作.