2009-05-27 5 views
0

Kann jemand mir sagen, wie kann ich die slideup Funktion mit fadeout (‚langsam‘) für den Code untenjQuery: Chaining Events - Codekorrektur

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

Statt slideUp, ich möchte den FadeOut verwenden ersetzen funktionieren mit einer Geschwindigkeit. Wie kann ich die Ereignisse verketten?

Ich will das auch mit slidedown FadeIn (‚langsam‘)

Vielen Dank im Voraus ersetzen ...

Antwort

3

Die jQuery docs sind eigentlich ein wirklich guter Ort für Syntax wie folgt zu überprüfen.

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

Danke nickF .Was macht dieses Symbol: $ ("# txtSymbol") .val() eigentlich hier? – Shyju

+0

Es findet ein Objekt mit id = "textSymbol". Es scheint so, als ob Sie in jQuery ziemlich neu sind, da dies die Grundbausteine ​​des Toolkits sind. Ich würde daher empfehlen, sich einige Tutorials anzuschauen: http://webtecker.com/2008/06/02/beginner-jquery- tutorials/ – nickf

+0

er .. das sollte "txtSymbol" sein – nickf

0

SelectorGadget funktioniert wirklich. Sie können Ihre Auswahl mit jedem Mausklick auf die Seitenbereiche erweitern. Sie laden über eine Verknüpfung wie folgt:

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);})(); 

Die Website hat eine große Demo.