exécuter du code jQuery et animation avant PHP code

Question

Salut je suis en ajoutant quelques animations à mon site comme sur la page de connexion etc

cependant j'ai trouvé que les exécute d'animation mais pas le code PHP et quand je reçois le PHP code à exécuter alors l'animation ne marche pas ... Le code PHP est plus important mais il semble que même si j'utilise la fonction form.submit() dans jquery le code PHP ne se déclenche jamais. Je sais ceci comme j'ai essayé des méthodes alternatives et cela fonctionne sans le jQuery.

J'utilise 1.9.0 et voici le code jQuery

jQuery('#loginform button').click(function() 
     { 
      if(!jQuery.browser.msie) 
      { 
       if(jQuery('#username').val() == '' || jQuery('#password').val() == '') 
       { 
        if(jQuery('#username').val() == '') jQuery('#username').addClass('error'); else jQuery('#username').removeClass('error'); 
        if(jQuery('#password').val() == '') jQuery('#password').addClass('error'); else jQuery('#password').removeClass('error'); 
        jQuery('.loginwrap').addClass('animate0 wobble').bind(anievent,function() 
        { 
         jQuery(this).removeClass('animate0 wobble'); 
        }); 
       } 
       else 
       { 
        jQuery('.loginwrapper').addClass('animate0 fadeOut').bind(anievent,function() 
        { 
         $.post(username, {username}); 
         $.post(password, {password}); 
         jQuery('#loginform').submit(); 
        }); 
       } 
       return false; 
      } 
     }); 

comme vous pouvez le voir, je suis à l'origine du code pour poster du jquery mais l'animation ne fonctionne pas, peu importe ce que je l'ai essayé. Quelqu'un peut-il me dire pourquoi ... ou de quelle façon suis-je censé faire que l'animation se passe alors le PHP ???

Answer 1

Avez-vous enveloppé le JS ci-dessus de telle sorte qu'il attend d'être exécuté jusqu'à la fin du chargement du document? Si vous ne le faites pas, ce qui peut arriver, c'est que le javascript essaie d'agir sur des éléments qui n'ont pas encore été rendus. Donc, peut-être #loginform button n'existe pas encore lorsqu'il tente de se lier à cet élément.

Enveloppez vos JS dans ce:

jQuery(function(){ 
    // All JS that executes on load here. 
});