jQuery begivenhed - toggle() metoden

jQuery begivenhedsreferencehåndbog

Eksempel

Skift forskellige baggrundsfarver:

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

Prøv det selv

Definition og brug

toggle() metode bruges til at binde to eller flere eventhandler funktioner, for at reagere på de valgte elements regelmæssige click begivenheder.

Denne metode kan også bruges til at skifte mellem de valgte elements hide() med show() Metode.

Tilføj to eller flere funktioner til Toggle begivenhed

Skifter mellem to eller flere funktioner, når det specificerede element klikkes.

Hvis der er defineret to eller flere funktioner, vil toggle() metoden skifte mellem alle funktioner. For eksempel, hvis der er tre funktioner, vil den første klik kalde den første funktion, den anden klik kalder den anden funktion, den tredje klik kalder den tredje funktion. Fjerde klik kalder igen den første funktion, og så videre.

Syntaks

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

Prøv det selv

Parametre Beskrivelse
function1() Obligatorisk. Funktion, der kører hver gang elementet klikkes en lige gang.
function2() Obligatorisk. Funktion, der kører hver gang elementet klikkes en ulige gang.
functionN(),... Valgfri. Definerer andre funktioner, der skal skiftes.

Skift Hide() og Show()

Tjekker om hver element er synlig.

Kører show() hvis elementet er skjult. Kører hide() hvis elementet er synligt. Dette kan skabe en skiftende effekt.

Syntaks

$(selector).toggle(speed,callback)

Prøv det selv

Parametre Beskrivelse
speed

Valgfri. Definerer hastigheden af hide/show effekten. Standard er "0".

Målbare værdier:

  • Millisekunder (f.eks. 1500)
  • "slow"
  • "normal"
  • "fast"
callback

Valgfri. Funktion, der udføres når toggle() metoden er færdig.

For at lære mere om callback, besøg vores Callback funktion tutorial.

Vis eller skjul element

Definerer om kun de matchende elementer skal vises eller skjules.

Syntaks

$(selector).toggle(switch)

Prøv det selv

Parametre Beskrivelse
switch

Obligatorisk. Boolsk værdi, der bestemmer om toggle() kun skal vise eller kun skjule alle valgte elementer.

  • true - Vis element
  • false - Skjul element

jQuery begivenhedsreferencehåndbog