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

我有一个小的web项目，你可以在这里看到： 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')将起作用。

Answer 2

 $('.add').on('click',function(){ var items = $('.items > h2').length; if(items >= 2) { $('.bigBtn').fadeIn('slow'); } });