Το αρχικό εφέ, εάν επιλέξετε μεταξύ κόμβων li, μπορείτε να διασφαλίσετε ότι οι επιλεγμένοι κόμβοι μπορούν να έχουν ενεργοποιημένη και επιλεγμένη κατάσταση, αλλά μόλις φύγετε από ολόκληρη τη λίστα ul, όλες οι επιλεγμένες καταστάσεις ενεργοποίησης θα εξαφανιστούν, κάτι που δεν είναι το εφέ που θέλω, όπως φαίνεται στο παρακάτω σχήμα:
Ο κωδικός έχει ως εξής:
Το παραπάνω εφέ δεν είναι αυτό που θέλω, το μόνο που θέλω είναι να μετακινήσω το ποντίκι προς τα πάνω,Όταν αφαιρείται το ποντίκι, πρέπει πάντα να υπάρχει ένας κόμβος ενεργοποιημένος και επιλεγμένος。
Ο σωστός κωδικός είναι ο εξής:
Όπως φαίνεται στην παραπάνω εικόνα, αφού μετακινήσω το ποντίκι, υπάρχει πάντα ένας κόμβος li που ενεργοποιείται και επιλέγεται.
Όταν μετακινείστε στον κόμβο li, βρείτε πρώτα την ετικέτα li sibling και αφαιρέστε το στυλ κλάσης. Στη συνέχεια, χρησιμοποιήστε τη μέθοδο end() για να τερματίσετε την αναφορά στην ετικέτα li, η οποία επιστρέφει τον τρέχοντα κόμβο li (αντικείμενο jQuery) και, στη συνέχεια, προσθέστε το στυλ στη μέθοδο addClass() αργότερα. Με αυτόν τον τρόπο, πιστεύω ότι έχετε κατανοήσει τη μέθοδο end() στο jQuery.
|
Δημοσιεύτηκε στις 17/12/2018 2:12:39 μ.μ.
|
|
|
|
Δημοσιεύτηκε στις 17/12/2018 2:28:55 μ.μ.
|
