1
00:00:00,380 --> 00:00:05,190
OK wrócimy następnym funkcję Chcę zająć się przycisk X tutaj.

2
00:00:05,190 --> 00:00:14,060
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ć.

3
00:00:14,190 --> 00:00:16,530
Tak wygląda to w ostatecznej wersji.

4
00:00:16,710 --> 00:00:24,890
Nie mamy tę samą ikonę, aby przejrzeć się w tych samych kolorach lub animacji ale funkcjonalność kiedy klikniesz na coś powinno być takie samo.

5
00:00:24,930 --> 00:00:28,100
Więc powiedzmy, że skończę z naczyniami.

6
00:00:28,440 --> 00:00:30,400
To zanika, a następnie znika.

7
00:00:30,450 --> 00:00:33,010
I to nie jest już tutaj jest całkowicie zniknął.

8
00:00:33,320 --> 00:00:34,250
OK.

9
00:00:34,590 --> 00:00:39,350
Pierwszą rzeczą, którą chcemy zrobić, to słuchać za kliknięcie któregokolwiek z tych eks.

10
00:00:39,660 --> 00:00:45,460
A w naszych czasach Tim będę pamiętać, że każdy z nich wykonany rozpiętość tak, że możemy łatwo zrobić.

11
00:00:45,690 --> 00:00:54,140
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.

12
00:00:54,150 --> 00:01:00,680
Więc po prostu tam i teraz pójdziemy do javascript i dodajmy w innym komentarzu.

13
00:01:00,960 --> 00:01:08,330
Kliknij na X, aby usunąć to zrobić zaczniemy zdarzenia click.

14
00:01:08,760 --> 00:01:10,740
Więc dolara.

15
00:01:10,770 --> 00:01:35,200
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.

16
00:01:35,340 --> 00:01:39,840
Jak tylko kliknąć na rozpiętości otrzymujemy ostrzeżenie, że użytkownik kliknął na tej rozpiętości.

17
00:01:39,840 --> 00:01:52,690
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.

18
00:01:53,190 --> 00:01:57,380
Mamy również uzyskać style, które pochodzą zdarzenia click.

19
00:01:57,840 --> 00:02:05,500
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ż.

20
00:02:05,730 --> 00:02:11,480
I to ma sens, ponieważ nasze przęsła są wewnątrz sojuszników.

21
00:02:11,730 --> 00:02:25,680
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.

22
00:02:25,830 --> 00:02:29,370
Tak z innej perspektywy ja klikając na kłamstwie.

23
00:02:29,620 --> 00:02:48,640
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.

24
00:02:48,660 --> 00:02:55,790
Kiedy więc dodać detektor zdarzeń do zakresu lub sojusznika czy mieliśmy detektor zdarzeń i wszystkie z nich, które pokażę wam teraz.

25
00:02:55,920 --> 00:03:07,990
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.

26
00:03:08,280 --> 00:03:19,560
A ten będzie na ID pojemnika DivX i to powie kliknij kontenera div i rzeczywiście zrobi to na ciele, jak również.

27
00:03:19,560 --> 00:03:22,510
A to powie, kliknij na ciele.

28
00:03:22,740 --> 00:03:23,410
OK.

29
00:03:23,430 --> 00:03:30,510
Tak więc kliknąć na rozpiętość, która jest natomiast sojusznika zamiast UL zamiast zbiornika wewnątrz ciała.

30
00:03:30,510 --> 00:03:34,530
Teraz należy zwrócić uwagę, kiedy odświeżenia do porządku, że rzeczy w ogień.

31
00:03:34,590 --> 00:03:47,090
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.

32
00:03:47,340 --> 00:03:53,060
A potem dobrze kliknij zdarzenie następnie div pojemniku, a następnie ciało w końcu.

33
00:03:53,340 --> 00:03:56,980
Więc ten przykład ilustruje zjawisko zwane bulgotanie zdarzenia.

34
00:03:57,030 --> 00:04:02,290
Co się dzieje, jest to wydarzenie początkowo jest uruchamiany na rozpiętości i to, gdzie ona pochodzi.

35
00:04:02,400 --> 00:04:05,130
Ale wtedy pęcherzyki w dwóch elementów nadrzędnych.

36
00:04:05,130 --> 00:04:20,830
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.

37
00:04:20,850 --> 00:04:25,840
Kliknij obsługi z wyzwalania, gdy klikniemy na rozpiętości, która jest wewnątrz Y.

38
00:04:25,860 --> 00:04:31,250
Co możemy zrobić, to rzeczywiście powiedzieć zdarzenie wewnątrz rozpiętości do nie bańki więcej.

39
00:04:31,440 --> 00:04:36,920
Wystarczy zatrzymać się w jego utworów i nie powodować żadnych innych wydarzeń na elementu nadrzędnego.

40
00:04:37,050 --> 00:04:38,600
Więc pokażę ci, że tu.

41
00:04:38,960 --> 00:04:44,220
Wszystko, co musimy zrobić, zamiast tego przęsła szybkiego słuchacza dodamy do obiektu zdarzenia.

42
00:04:44,220 --> 00:04:48,210
I znowu to można nazwać wydarzeniem E T.

43
00:04:48,420 --> 00:04:51,720
Wszelkie nazwy, które chcesz najczęściej jest wydarzeniem lub e.

44
00:04:51,900 --> 00:04:59,110
I co wtedy zrobimy to dodać w propagacji zatrzymania wydarzeniem metoda zwana.

45
00:04:59,790 --> 00:05:04,050
I to jest J kodowania metoda, która zatrzyma zdarzenie z pęcherzyków do góry.

46
00:05:04,050 --> 00:05:10,940
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.

47
00:05:11,310 --> 00:05:13,620
Jeśli więc zapisać i odświeżyć.

48
00:05:14,090 --> 00:05:20,210
A teraz kliknij rozpiętości wciąż dostać mój kliknięciu na rozpiętości, a następnie zatrzymuje się.

49
00:05:20,250 --> 00:05:26,970
Nie mamy żadnej z tych innych słuchaczy, że mieliśmy utworzonych wypalania kolejny mamy słuchacz rozpiętość poprawnie skonfigurowany.

50
00:05:27,060 --> 00:05:29,560
Załóżmy, wypełnić go z odpowiednim kodem.

51
00:05:29,940 --> 00:05:36,170
Co nam potrzebne do zrobienia jest, gdy klikniemy na rozpiętości Wrócę do przeglądarki, gdy klikniemy na jedną z nich.

52
00:05:36,330 --> 00:05:44,460
Chcemy, aby usunąć to kłamstwo tak leżą zawierającej może odświeżyć.

53
00:05:44,850 --> 00:05:58,810
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ń.

54
00:05:59,790 --> 00:06:01,780
I wracamy.

55
00:06:02,190 --> 00:06:05,220
Wszystko, co się dzieje, że rozpiętość odchodzi.

56
00:06:05,220 --> 00:06:08,020
Mamy teraz wyjmujesz rozpiętości.

57
00:06:08,130 --> 00:06:14,000
Musimy usunąć elementem zamykającym a Shakeri daje nam naprawdę przyjemny i łatwy sposób, aby to zrobić.

58
00:06:14,040 --> 00:06:24,120
Wszystko co musimy zrobić, to napisać to rodzice usunąć i które będą faktycznie dają nam elementu nadrzędnego jako element zapytania.

59
00:06:24,120 --> 00:06:32,940
Jest to więc okres, że kliknął rodzic daje nam kłamstwo usuń usunie całą sojusznika.

60
00:06:33,120 --> 00:06:39,500
Więc teraz, gdy odświeżam widać znika i odświeżyć ponownie.

61
00:06:39,500 --> 00:06:47,500
Ale jeśli kliknę w locie po prostu sprawdza się ostatnią poprawę, że mogliśmy zrobić to zamiast usuwania go natychmiast.

62
00:06:47,750 --> 00:06:48,770
To wygaszone.

63
00:06:49,140 --> 00:06:59,510
Więc zrobimy kropka zanikanie i rozpocząć tam wrócić odświeżyć klikamy i zanika.

64
00:07:00,090 --> 00:07:03,530
Ale pamiętaj, tylko dopasowanie go tak naprawdę nie usunąć go.

65
00:07:03,570 --> 00:07:10,810
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.

66
00:07:11,130 --> 00:07:12,660
I nie chcemy, aby tak się stało.

67
00:07:12,660 --> 00:07:15,470
Wyobraźmy sobie, że mamy tysiąc stracić, że mieliśmy usunięte.

68
00:07:15,720 --> 00:07:20,240
Więc nie chcemy spowolnić poprzez tysiąc ukrytych elementów na naszej stronie.

69
00:07:20,250 --> 00:07:26,820
Więc co zrobimy, a nie ma opcji Usuń, ale pamiętaj, że nie działa, po prostu to zrobić.

70
00:07:26,820 --> 00:07:30,770
Będzie go usunąć, ale nie będzie czekać na zanikanie do końca.

71
00:07:30,900 --> 00:07:51,580
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.

72
00:07:51,690 --> 00:07:56,820
I dajmy mu czas, a powiedzmy pięćset milisekund, aby rozpocząć.

73
00:07:57,180 --> 00:08:00,680
A potem, kiedy to zrobić nie możemy po prostu zadzwonić usunąć we własnym zakresie.

74
00:08:00,720 --> 00:08:09,320
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.

75
00:08:09,420 --> 00:08:18,940
Jest to ważne, aby pamiętać, że prawo to nie jest tu taka sama dolara podpisać tutaj.

76
00:08:19,470 --> 00:08:24,330
Warto więc przejść przez to, że jest trochę skomplikowane, gdy klikniemy na hiszpańskim znakiem dolara.

77
00:08:24,330 --> 00:08:30,410
To odnosi się do elementu, który był szybki na rozpiętości ale wtedy robimy rodzica.

78
00:08:30,600 --> 00:08:37,720
Więc teraz pracujemy z kłamstwem, które otacza ten przedział, a następnie robimy fadeout w locie.

79
00:08:37,800 --> 00:08:43,080
Więc zamiast wyciszeniem dotyczy to nie kłamię rozpiętości.

80
00:08:43,590 --> 00:08:47,470
OK, więc będziemy zapisać i wrócić odświeżenia.

81
00:08:47,730 --> 00:08:54,700
Teraz mamy piękny zanikanie i jeśli skontrolować UL mamy tylko jeden lewy życia.

82
00:08:55,110 --> 00:08:57,600
Więc to zanika, a następnie usuwa.

83
00:08:57,810 --> 00:08:59,610
Podsumowując wszystko tutaj.

84
00:08:59,610 --> 00:09:09,610
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.

85
00:09:10,110 --> 00:09:15,540
Więc to naprawić użyliśmy zdarzenia, które powstrzymać rozprzestrzenianie który zatrzymuje go z pęcherzyków do innych elementów.

86
00:09:15,780 --> 00:09:23,750
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ą.