jQuery γεγονότα - μεθόδος toggle()

Εγχειρίδιο αναφοράς συμβάντων jQuery

Παράδειγμα

Αλλαγή διαφορετικών χρωμάτων υποβάθρου:

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

Δοκιμάστε το προσωπικά σας

Ορισμός και χρήση

Η μέθοδος toggle() χρησιμοποιείται για να συνδέσει δύο ή περισσότερους επεξεργαστές συμβάντων, για να απαντήσουν στα συμβάντα click του επιλεγμένου στοιχείου.

Η μέθοδος αυτή μπορεί επίσης να χρησιμοποιηθεί για να αλλάξει το hide() με show() Μέθοδος.

Σύνδεση δύο ή περισσότερων συναρτήσεων στο Toggle συμβάν

Καθορίζει την εναλλαγή μεταξύ δύο ή περισσότερων συναρτήσεων όταν το στοιχείο καθορίζεται για κλικ.

Αν καθοριστούν δύο ή περισσότερες συναρτήσεις, η μέθοδος toggle() θα αλλάξει όλες τις συναρτήσεις. Για παράδειγμα, αν υπάρχουν τρεις συναρτήσεις, η πρώτη κλήση θα καλέσει την πρώτη συνάρτηση, η δεύτερη κλήση θα καλέσει τη δεύτερη συνάρτηση, η τρίτη κλήση θα καλέσει τη τρίτη συνάρτηση. Η τέταρτη κλήση θα καλέσει ξανά την πρώτη συνάρτηση, και έτσι κατεβάζεται.

Γλώσσα

$(seλεκτορ).toggle(function1(),function2(),functionN(),...)

Δοκιμάστε το προσωπικά σας

Παράμετροι Περιγραφή
function1() Απαιτείται. Καθορίζει τη συνάρτηση που θα εκτελεστεί κάθε偶数次κλικ στο στοιχείο.
function2() Απαιτείται. Καθορίζει τη συνάρτηση που θα εκτελεστεί κάθε奇数次κλικ στο στοιχείο.
functionN(),... Προαιρετικό. Καθορίζει άλλες συναρτήσεις που πρέπει να αλλάξουν.

Καταγραφή Hide() και Show()

Έλεγχος της ορατότητας κάθε στοιχείου.

Αν το στοιχείο είναι κρυμμένο, τότε εκτελείται το show(). Αν το στοιχείο είναι ορατό, τότε το στοιχείο κρύβεται με το hide(). Αυτό μπορεί να δημιουργήσει έναν διακοπτικό αποτέλεσμα.

Γλώσσα

$(seλεκτορ).toggle(ταχύτητα,callback)

Δοκιμάστε το προσωπικά σας

Παράμετροι Περιγραφή
ταχύτητα

Προαιρετικό. Καθορίζει την ταχύτητα του αποτελέσματος κρυψής/εμφάνισης. Η προεπιλεγμένη τιμή είναι "0".

Πιθανές τιμές:

  • χιλιάδες (π.χ. 1500)
  • "slow"
  • "normal"
  • "fast"
callback

Προαιρετικό. Η συνάρτηση που εκτελείται όταν ο τύπος toggle() ολοκληρώνεται.

Για να μάθετε περισσότερα για την callback, επισκεφθείτε το Εκμάθηση της Callback συνάρτησης。

Εμφάνιση ή κρυψη στοιχείων

Καθορίζει αν θα εμφανιστούν ή θα κρυφτούν όλα τα ταιριζόμενα στοιχεία.

Γλώσσα

$(seλεκτορ).toggle(switch)

Δοκιμάστε το προσωπικά σας

Παράμετροι Περιγραφή
switch

Απαιτείται. Μηδενισμός, καθορίζει αν το toggle() θα εμφανίσει ή θα κρύψει μόνο όλα τα επιλεγμένα στοιχεία.

  • true - Εμφανίστε στοιχεία
  • false - Κρύψτε στοιχεία

Εγχειρίδιο αναφοράς συμβάντων jQuery