jQuery retard ne fonctionne pas

$('.transparent').removeClass('transparent').delay(2000).addClass('not_transparent').delay(4000)

J'ai un div qui est semi transparente et que vous souhaitez ensuite de le passer n'est pas transparent. Mais le jQuery .delay (), la méthode ne semble pas fonctionner ici. Je l'ai essayé .fadeIn(); à la place, et qui fonctionne avec un temps de retard, mais il ne fonctionne pas de la modification de classes.

InformationsquelleAutor thenengah | 2010-12-28
  1. 130

    .delay() est utilisée pour les objets qui font partie d'un queue, telles que des animations. Un simple addClass n'est pas mis en file d'attente.

    Vous pouvez utiliser setTimeout.

    var trans = $('.transparent').removeClass('transparent');
setTimeout(function() {
    trans.addClass('not_transparent');
}, 2000);

    Comme alternative, vous pouvez ajouter de la non-attente de l'élément à la file d'attente à l'aide de .file(), mais je pense que setTimeout serait mieux.

    $('.transparent').removeClass('transparent').delay(2000).queue(function(nxt) {
      $(this).addClass('not_transparent');
      nxt();
});
    • ok, c'est pourquoi. Faire sens. setTimeout il est:)
    • pourquoi pensez-vous setTimeout est mieux?
    • C'est juste très simple, et une implémentation native. Je ne sais pas quel genre de surcharge est impliqué avec queue(), mais je suis certain qu'il est tout à fait un peu plus de la setTimeout.
    • pourquoi avez-vous l'appel de la fonction à partir de l'intérieur de lui-même? nxt();
    • +1 a donné à la fois des solutions de un aller, a d'abord été la planification sur l'utilisation de jQuery solution, mais trouve qu'il n'a travaillé que la première fois que l'événement a été déclenché. Deuxième solution fonctionne très bien.
    InformationsquelleAutor user113716
  2. 5

    Je sais que c'est une vieille question, mais il y a encore beaucoup de trafic à venir ici, à partir de google, donc je vais ajouter mon grain de sel;

    Vous pouvez utiliser quelque chose comme -

    JS:

    $('.transparent').fadeIn().delay(500).queue(function(){
  $('.transparent').addClass('yourclass');
});

    Vous pouvez passer d'une fonction à la file d'attente afin de les exécuter après le retard. Ont été en utilisant moi-même pour des exemples très similaires.

    InformationsquelleAutor Lewis
  3. 0

    .delay() ne fonctionne pas avec le .addClass() tag en dehors d'une fonction juste utiliser: 

    delay();
function delay(){
     $('.pgtitle').delay(5000).fadeIn(0).addClass('animated bounceInDown');
}
    InformationsquelleAutor yungtechboy1