¿Por qué no funcionan ni el retraso ni el desvanecimiento en el siguiente código?
Intenté envolverlo con la función de queue sin éxito, y sé que la selección de clase .middle-man y .each funciona bien porque console.log(this) devuelve los elementos a correctos, entonces, ¿por qué no hay demora y no se desvanecen? También probé cada uno por separado, probé opacidad inicial = 0, oculto ... con el resultado siempre el mismo: ¡ejecución instantánea del script y visualización instantánea de los elementos!
$(".middle-man").each(function() { $(this).delay(1000).fadeIn(3000); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <a class="middle-man" href=""> <p>SOme Stuff</p> </a> <a class="middle-man" href=""> <p>SOme Stuff</p> </a> <a class="middle-man" href=""> <p>SOme Stuff</p> </a>El contenido ya está visible, por eso Jquery no aparecerá. Intente agregar un estilo a la clase para ocultar los enlaces.
.middle-man { display: none; }O en línea
<a class="middle-man" href="" style="display:none;"> <p>SOme Stuff</p> </a>