2009-05-27 6 views
0

Quelqu'un peut-il me dire comment puis-je remplacer la fonction slideUp avec fadeout ('slow') pour le code ci-dessousjQuery: Chaînage événements - Correction du code

div.slideUp(function() {   
     div.load("GetResults.aspx?mode=bymanu&mid="+manuId, 
         { symbol: $("#txtSymbol").val() }, 
          function() { 
          $(this).slideDown();        
         }); 

Au lieu de slideUp, je veux utiliser le FadeOut Fonctionne avec une vitesse. Comment puis-je enchaîner les événements?

Je veux remplacer le slideDown aussi avec FadeIn (« slow »)

Merci à l'avance ...

Répondre

3

Les jQuery docs sont en fait un très bon endroit pour vérifier la syntaxe comme celui-ci.

div.fadeOut('slow', function() {   
    div.load(
     "GetResults.aspx?mode=bymanu&mid="+manuId, 
     { symbol: $("#txtSymbol").val() }, 
     function() { 
      $(this).fadeIn('slow');        
     } 
    ); 
}); 
+0

Merci nickF .Qu'est-ce que ce symbole: $ ("# txtSymbol") .val() fait ici? – Shyju

+0

Il trouve un objet avec id = "textSymbol". Il semble que jQuery soit une nouveauté car ce sont les éléments de base de la boîte à outils. Je vous recommande donc de consulter quelques tutoriels: http://webtecker.com/2008/06/02/beginner-jquery- tutorials/ – nickf

+0

er .. qui devrait être "txtSymbol" – nickf

0

SelectorGadget fonctionne vraiment. Il vous permet d'évoluer votre choix de sélection à chaque clic de souris sur les sections de la page. Vous chargez via un raccourci comme suit:

javascript:(function(){var%20s=document.createElement('div');s.innerHTML='Loading...';s.style.color='black';s.style.padding='20px';s.style.position='fixed';s.style.zIndex='9999';s.style.fontSize='3.0em';s.style.border='2px%20solid%20black';s.style.right='40px';s.style.top='40px';s.setAttribute('class','selector_gadget_loading');s.style.background='white';document.body.appendChild(s);s=document.createElement('script');s.setAttribute('type','text/javascript');s.setAttribute('src','http://www.selectorgadget.com/unstable/lib/selectorgadget_edge.js?raw=true');document.body.appendChild(s);})(); 

Le site a une grande démo.