jQuery tapahtuma - toggle() metodi

jQuery tapahtumien viittaus

Esimerkki

Vaihda erilaisia taustaväriä:

$("p").toggle();
  function(){
  $("body").css("background-color","green");
  function(){
  $("body").css("background-color","red");}
  function(){
  $("body").css("background-color","yellow");}
);

Kokeile itse

Määrittely ja käyttö

toggle() metodi sidottu kahden tai useamman tapahtumankäsittelijäfunktioiden, jotta ne vastaavat valittujen elementtien vaihtelevia click-tapahtumia.

Tämä metodi voidaan myös käyttää vaihtamaan valittujen elementtien hide() ja show() Metodi.

Lieneet Toggle tapahtumalle kahden tai useamman funktion

Vaihda kahden tai useamman funktion välillä, kun määritetty elementti painetaan.

Jos määritetään kaksi tai useampi funktio, toggle() metodi vaihtaa kaikki funktiot. Esimerkiksi, jos on kolme funktiota, ensimmäinen klikkaus kutsuu ensimmäistä funktiota, toinen klikkaus kutsuu toista funktiota, kolmas klikkaus kutsuu kolmatta funktiota. Neljäs klikkaus kutsuu jälleen ensimmäistä funktiota, ja niin edelleen.

Syntaksi

$(valitsin).toggle(function1(),function2(),functionN(),...)

Kokeile itse

Parametrit Kuvaus
function1() Välttämätön. Funktio, joka suoritetaan, kun elementti painetaan jokaisen parittoman kerran.
function2() Välttämätön. Funktio, joka suoritetaan, kun elementti painetaan jokaisen parillisen kerran.
functionN(),... Valinnainen. Määrittää muita tarvittavia funktioita.

Vaihda Hide() ja Show()

Tarkista jokaisen elementin näkyvyys.

Jos elementti on piilotettu, suorita show(). Jos elementti on näkyvissä, suorita hide(). Tällä tavalla voidaan luoda vaihtoehtoehtoisia tehosteita.

Syntaksi

$(valitsin).toggle(nopeus,callback)

Kokeile itse

Parametrit Kuvaus
nopeus

Valinnainen. Määrittää piilottamisen/näyttämisen nopeuden. Oletus on "0".

Mahdolliset arvot:

  • Millisekuntia (esim. 1500)
  • "slow"
  • "normal"
  • "fast"
callback

Valinnainen. Funktio, joka suoritetaan toggle() metodin suorittuessa.

Jos haluat oppia lisää callbackista, vieritse sivustollemme Callback-funktio opetus。

Näytä tai piilota elementit

Määrittää, näytetäänkö tai piilotetaan vain kaikki vastaavat elementit.

Syntaksi

$(valitsin).toggle(vaihda)

Kokeile itse

Parametrit Kuvaus
vaihda

Välttämätön. Totuusarvo, joka määrittää, pitäisikö toggle() näyttää tai piilotaa vain kaikki valitut elementit.

  • true - Näytä elementit
  • false - Peitä elementit

jQuery tapahtumien viittaus