OK wrócimy następnym funkcję Chcę zająć się przycisk X tutaj.
Kiedy więc kliknij na ten X powinien faktycznie usunięcie całego Aby to zrobić nie tylko wyszarzone ale powinno to faktycznie zanikają i usuwać.
Tak wygląda to w ostatecznej wersji.
Nie mamy tę samą ikonę, aby przejrzeć się w tych samych kolorach lub animacji ale funkcjonalność kiedy klikniesz na coś powinno być takie samo.
Więc powiedzmy, że skończę z naczyniami.
To zanika, a następnie znika.
I to nie jest już tutaj jest całkowicie zniknął.
OK.
Pierwszą rzeczą, którą chcemy zrobić, to słuchać za kliknięcie któregokolwiek z tych eks.
A w naszych czasach Tim będę pamiętać, że każdy z nich wykonany rozpiętość tak, że możemy łatwo zrobić.
W przeciwnym razie, jeśli tylko miał X jako część kłamstwie nie ma sposobu, aby określić, czy nasza kliknięcie na X lub jeśli jest to na resztę drogi.
Więc po prostu tam i teraz pójdziemy do javascript i dodajmy w innym komentarzu.
Kliknij na X, aby usunąć to zrobić zaczniemy zdarzenia click.
Więc dolara.
Zaznacz wszystko spand I będziesz kliknij ponownie, a następnie musimy funkcji zwrotnej i zamiast naszej zwrotnego musimy po prostu zrobić kolejne kliknięcie na rozpiętości, tak jak to i wrócimy odświeżyć klikamy na nie leżą dzieje.
Jak tylko kliknąć na rozpiętości otrzymujemy ostrzeżenie, że użytkownik kliknął na tej rozpiętości.
Jest jeden mały problem, że nie może jeszcze zauważył, gdy klikam na rozpiętości, a następnie kliknij na X otrzymuję ostrzeżenie, że spodziewają się uzyskać, ale również zwracać szczególną uwagę, kiedy oddalił alert.
Mamy również uzyskać style, które pochodzą zdarzenia click.
Więc co to mówi nam, że zdarzenie jest spam jest wypalanie a następnie potem impreza ly kliknięcie wypalania, jak również.
I to ma sens, ponieważ nasze przęsła są wewnątrz sojuszników.
Więc kiedy klikamy na rozpiętości po kliknięciu na tym okresie, na przykład w środku niech zbadaj jestem na tej rozpiętości kliknięcie ale to hiszpańskie także wewnątrz sojusznika.
Tak z innej perspektywy ja klikając na kłamstwie.
Ale z innej perspektywy ja klikając na dobrze, ponieważ wszystkie one są zamiast UL lub na kontenerze div id lub na ciele lub na elemencie zespołu, że jedno kliknięcie na tej rozpiętości przeżywa wiesz, pięć lub sześć inaczej warstwy.
Kiedy więc dodać detektor zdarzeń do zakresu lub sojusznika czy mieliśmy detektor zdarzeń i wszystkie z nich, które pokażę wam teraz.
Warto więc dodać inny detektor zdarzeń tu i ten będzie od woli, a my po prostu zawiadamia kliknięciu UIL i zrobi jeszcze jeden.
A ten będzie na ID pojemnika DivX i to powie kliknij kontenera div i rzeczywiście zrobi to na ciele, jak również.
A to powie, kliknij na ciele.
OK.
Tak więc kliknąć na rozpiętość, która jest natomiast sojusznika zamiast UL zamiast zbiornika wewnątrz ciała.
Teraz należy zwrócić uwagę, kiedy odświeżenia do porządku, że rzeczy w ogień.
Więc najpierw klikam na przęsła i mówi mi kliknięciu na rozpiętości, a potem nie wiem, czy zauważyłeś, ale ogień zdarzenia click robi dobrze to jak tam dotarliśmy style.
A potem dobrze kliknij zdarzenie następnie div pojemniku, a następnie ciało w końcu.
Więc ten przykład ilustruje zjawisko zwane bulgotanie zdarzenia.
Co się dzieje, jest to wydarzenie początkowo jest uruchamiany na rozpiętości i to, gdzie ona pochodzi.
Ale wtedy pęcherzyki w dwóch elementów nadrzędnych.
Więc to pęcherzyki się do kłamstwa i będzie powodować żadnych takich zdarzeń kliknięcia, a następnie stamtąd bąbelki do puszki do studni, które będą wywoływać również kliknąć zdarzenie i tak dalej, dopóki nie natrafi element HTL, gdzie się zatrzyma, aby zapobiec kłamstwo.
Kliknij obsługi z wyzwalania, gdy klikniemy na rozpiętości, która jest wewnątrz Y.
Co możemy zrobić, to rzeczywiście powiedzieć zdarzenie wewnątrz rozpiętości do nie bańki więcej.
Wystarczy zatrzymać się w jego utworów i nie powodować żadnych innych wydarzeń na elementu nadrzędnego.
Więc pokażę ci, że tu.
Wszystko, co musimy zrobić, zamiast tego przęsła szybkiego słuchacza dodamy do obiektu zdarzenia.
I znowu to można nazwać wydarzeniem E T.
Wszelkie nazwy, które chcesz najczęściej jest wydarzeniem lub e.
I co wtedy zrobimy to dodać w propagacji zatrzymania wydarzeniem metoda zwana.
I to jest J kodowania metoda, która zatrzyma zdarzenie z pęcherzyków do góry.
Tak będzie ogień na rozpiętości, ale nie będzie w dalszym ciągu na jak słuchacza lub którykolwiek z nich, że mamy w tym zakresie.
Jeśli więc zapisać i odświeżyć.
A teraz kliknij rozpiętości wciąż dostać mój kliknięciu na rozpiętości, a następnie zatrzymuje się.
Nie mamy żadnej z tych innych słuchaczy, że mieliśmy utworzonych wypalania kolejny mamy słuchacz rozpiętość poprawnie skonfigurowany.
Załóżmy, wypełnić go z odpowiednim kodem.
Co nam potrzebne do zrobienia jest, gdy klikniemy na rozpiętości Wrócę do przeglądarki, gdy klikniemy na jedną z nich.
Chcemy, aby usunąć to kłamstwo tak leżą zawierającej może odświeżyć.
Klikam tym okresie potrzebuje, aby usunąć to kłamstwo i do zrobienia, że ​​możemy zacząć od rozpiętości za pomocą dolara podpisać i jeśli po prostu robimy dolarów na to usunięcie lub zanikają, ale zaczniemy Usuń.
I wracamy.
Wszystko, co się dzieje, że rozpiętość odchodzi.
Mamy teraz wyjmujesz rozpiętości.
Musimy usunąć elementem zamykającym a Shakeri daje nam naprawdę przyjemny i łatwy sposób, aby to zrobić.
Wszystko co musimy zrobić, to napisać to rodzice usunąć i które będą faktycznie dają nam elementu nadrzędnego jako element zapytania.
Jest to więc okres, że kliknął rodzic daje nam kłamstwo usuń usunie całą sojusznika.
Więc teraz, gdy odświeżam widać znika i odświeżyć ponownie.
Ale jeśli kliknę w locie po prostu sprawdza się ostatnią poprawę, że mogliśmy zrobić to zamiast usuwania go natychmiast.
To wygaszone.
Więc zrobimy kropka zanikanie i rozpocząć tam wrócić odświeżyć klikamy i zanika.
Ale pamiętaj, tylko dopasowanie go tak naprawdę nie usunąć go.
To wciąż tu gdybyśmy zamiast sprawdzać nasze Państwo również mamy jeszcze trzy zrobić, to tylko dwie z nich ma żadnego wyświetlacza.
I nie chcemy, aby tak się stało.
Wyobraźmy sobie, że mamy tysiąc stracić, że mieliśmy usunięte.
Więc nie chcemy spowolnić poprzez tysiąc ukrytych elementów na naszej stronie.
Więc co zrobimy, a nie ma opcji Usuń, ale pamiętaj, że nie działa, po prostu to zrobić.
Będzie go usunąć, ale nie będzie czekać na zanikanie do końca.
Jeśli chcemy, aby wykazać, że tak szybko klikamy zaczyna zanikać, a następnie niezwłocznie po jej usunięcie, jeśli chcemy wygasić do końca wszystko, co musisz zrobić, to skorzystać z zwrotnego możemy przejść do wyciszenia, który będzie realizowany później.
I dajmy mu czas, a powiedzmy pięćset milisekund, aby rozpocząć.
A potem, kiedy to zrobić nie możemy po prostu zadzwonić usunąć we własnym zakresie.
Musimy wezwać go na element i element chcemy go nazwać go na to samo jedno, że jesteśmy wypełniania dzięki czemu możemy korzystać z znak dolara.
Jest to ważne, aby pamiętać, że prawo to nie jest tu taka sama dolara podpisać tutaj.
Warto więc przejść przez to, że jest trochę skomplikowane, gdy klikniemy na hiszpańskim znakiem dolara.
To odnosi się do elementu, który był szybki na rozpiętości ale wtedy robimy rodzica.
Więc teraz pracujemy z kłamstwem, które otacza ten przedział, a następnie robimy fadeout w locie.
Więc zamiast wyciszeniem dotyczy to nie kłamię rozpiętości.
OK, więc będziemy zapisać i wrócić odświeżenia.
Teraz mamy piękny zanikanie i jeśli skontrolować UL mamy tylko jeden lewy życia.
Więc to zanika, a następnie usuwa.
Podsumowując wszystko tutaj.
Pierwszym problemem, jaki wpadł na to, że nasze imprezy zdarzenia click na rozpiętości faktycznie wyzwalania zdarzenia w locie, a także po to oddał rozpiętość niego.
Więc to naprawić użyliśmy zdarzenia, które powstrzymać rozprzestrzenianie który zatrzymuje go z pęcherzyków do innych elementów.
A potem użyliśmy tego rodzica, aby pobrać sojusznika, który jest otaczającą przedział, który został kliknięty dalej i potem zniknął ją.