1
00:00:00,380 --> 00:00:05,190
OK，我們將在這裡再來下一個功能，我想解決的是X按鈕。

2
00:00:05,190 --> 00:00:14,060
所以，當我們點擊該X它實際上應該刪除整個這樣做不只是顯示為灰色，但它實際上應該淡出和刪除。

3
00:00:14,190 --> 00:00:16,530
所以它看起來像這樣的最終版本。

4
00:00:16,710 --> 00:00:24,890
我們沒有相同的圖標相同的顏色或動畫，但功能點擊的時候我的東西點擊應該是相同的。

5
00:00:24,930 --> 00:00:28,100
所以，讓我們說，我與菜做得。

6
00:00:28,440 --> 00:00:30,400
它淡出，然後消失。

7
00:00:30,450 --> 00:00:33,010
而且它不再在這裡它完全消失了。

8
00:00:33,320 --> 00:00:34,250
好。

9
00:00:34,590 --> 00:00:39,350
我們想要做的第一件事是偵聽這些前男友的點擊。

10
00:00:39,660 --> 00:00:45,460
而在我們這個時代添，我會記得，我們​​做每一個跨度，使我們可以很容易地做到這一點。

11
00:00:45,690 --> 00:00:54,140
否則，如果我們只是有一個X的謊言的一部分，沒有辦法確定，如果我們的點擊是在X或者如果它是對剩下的路。

12
00:00:54,150 --> 00:01:00,680
因此，我們剛剛去過那裡，現在我們會去一個JavaScript，讓我們在另一個添加註釋。

13
00:01:00,960 --> 00:01:08,330
點擊X上刪除這樣做，我們將與click事件開始。

14
00:01:08,760 --> 00:01:10,740
因此，美元符號。

15
00:01:10,770 --> 00:01:35,200
選擇所有spand你將再次點擊，然後我們需要一個回調函數，而是我們的回調中我們就做另外一個點擊就這樣的跨度，我們會回去刷新我們點擊謊言沒有任何反應。

16
00:01:35,340 --> 00:01:39,840
儘管我們點擊跨度很快我們得到了說，你點擊這個跨度警報。

17
00:01:39,840 --> 00:01:52,690
還有就是你可能還沒有當我點擊跨度，然後點擊X I得到我期望得到，但也密切關注，因為我駁回了警報的警報注意到一個小小的問題。

18
00:01:53,190 --> 00:01:57,380
我們還得到從單擊事件來臨的樣式。

19
00:01:57,840 --> 00:02:05,500
那麼，告訴我們的是，垃圾郵件事件被觸發，然後事後LY點擊事件被觸發為好。

20
00:02:05,730 --> 00:02:11,480
這有一定道理，因為我們的跨度盟國內部。

21
00:02:11,730 --> 00:02:25,680
因此，當我們在一個跨度點擊，當我點擊這個跨度例如在中間，讓我們檢查它，我點擊這個跨度但是這也是西班牙的盟友內部。

22
00:02:25,830 --> 00:02:29,370
所以，從另一個角度來看，我點擊謊言。

23
00:02:29,620 --> 00:02:48,640
但從另一個角度來看，我點擊好，因為所有這些都是代替UL或DIV ID容器上或身體上還是球隊的元素，在這個跨度點擊正在經歷你知道的五六種不同層。

24
00:02:48,660 --> 00:02:55,790
所以，當我們在事件監聽器添加到跨度或盟友，或者如果我們有一個事件偵聽器和所有的人，我會告訴你現在。

25
00:02:55,920 --> 00:03:07,990
因此，讓我們在這裡添加另一個事件偵聽器，而這一次將是對意志和我們只要警報點擊UIL和會做一個。

26
00:03:08,280 --> 00:03:19,560
而這將是一個DivX的ID容器上，這將要說點擊容器div實際上會做它的身體。

27
00:03:19,560 --> 00:03:22,510
而這個會說點擊身體。

28
00:03:22,740 --> 00:03:23,410
好。

29
00:03:23,430 --> 00:03:30,510
所以我們點擊它，而不是一個同盟代替的UL代替的主體的內部的容器的跨度。

30
00:03:30,510 --> 00:03:34,530
現在，讓我們注意，當我們刷新順序，事情火災英寸

31
00:03:34,590 --> 00:03:47,090
因此，首先我點擊跨度，它告訴我點擊的跨度，然後我不知道你是否注意到，但單擊事件不火以及這就是我們得到的樣式出現。

32
00:03:47,340 --> 00:03:53,060
然後單擊好，然後事件的容器div然後身體終於。

33
00:03:53,340 --> 00:03:56,980
這樣的例子說明了一個名為事件冒泡的現象。

34
00:03:57,030 --> 00:04:02,290
什麼情況是這個事件最初被觸發的跨度，這就是它起源。

35
00:04:02,400 --> 00:04:05,130
但隨後兩父元素冒泡。

36
00:04:05,130 --> 00:04:20,830
所以氣泡向上進入謊言，它會觸發任何像的點擊事件，然後從那裡氣泡到罐的井將觸發任何公點擊事件等等，直到它碰到它停止，防止在HTL元件謊言。

37
00:04:20,850 --> 00:04:25,840
點擊觸發啟動處理程序，當我們點擊它是Y.內的跨度

38
00:04:25,860 --> 00:04:31,250
我們能做的其實是告訴跨度內的事件沒有泡沫了。

39
00:04:31,440 --> 00:04:36,920
只是停止在其軌道上，並不會觸發父元素上的任何其他活動。

40
00:04:37,050 --> 00:04:38,600
所以我在這裡告訴你。

41
00:04:38,960 --> 00:04:44,220
所有我們需要做的，而不是這個跨度快速監聽器，我們在事件對象添加。

42
00:04:44,220 --> 00:04:48,210
而這又可以稱為E事件T.

43
00:04:48,420 --> 00:04:51,720
要最常見的名字是事件或電子郵件。

44
00:04:51,900 --> 00:04:59,110
然後，我們要做的就是添加一個方法稱為事件停止傳播。

45
00:04:59,790 --> 00:05:04,050
這就是第j編碼方法，將向上冒泡停止事件。

46
00:05:04,050 --> 00:05:10,940
所以它會火的跨度，但它不會繼續到像聽眾或任何這些，我們必須為這一問題。

47
00:05:11,310 --> 00:05:13,620
因此，如果我們保存和刷新。

48
00:05:14,090 --> 00:05:20,210
現在我點擊一個跨度我仍然得到我的點擊跨度，然後停止。

49
00:05:20,250 --> 00:05:26,970
我們沒有得到任何我們已經建立了射擊另一個我們跨度聽者正確設置其他聽眾。

50
00:05:27,060 --> 00:05:29,560
讓我們來填充它與正確的代碼。

51
00:05:29,940 --> 00:05:36,170
當我們點擊一個跨度，我會回去的瀏覽器，當我們點擊其中的一個東西，我們需要做的是。

52
00:05:36,330 --> 00:05:44,460
我們要刪除這個謊言，使含有可能刷新謊言。

53
00:05:44,850 --> 00:05:58,810
我點擊這個跨度就需要消除這種謊言要做到這一點，我們可以從範圍使用美元符號這一點，如果我們只是做這個刪除美元或淡出開始，但我們會刪除開始。

54
00:05:59,790 --> 00:06:01,780
我們回去。

55
00:06:02,190 --> 00:06:05,220
所有這一切發生的是跨度消失。

56
00:06:05,220 --> 00:06:08,020
我們現在要刪除的跨度。

57
00:06:08,130 --> 00:06:14,000
我們需要刪除封裝元素和Shakeri給了我們一個非常好的和簡單的方法來做到這一點。

58
00:06:14,040 --> 00:06:24,120
我們所要做的就是寫這個的父母刪除，這將真正給我們作為一個查詢元素的父元素。

59
00:06:24,120 --> 00:06:32,940
所以這是我們點擊父母給我們的謊言刪除會刪除整個盟友的跨度。

60
00:06:33,120 --> 00:06:39,500
所以，現在如果我刷新你可以看到它消失，再次刷新。

61
00:06:39,500 --> 00:06:47,500
但是，如果我點擊飛它只是檢查了最後的改進，我們可以做的，而不是立即刪除。

62
00:06:47,750 --> 00:06:48,770
它的淡出。

63
00:06:49,140 --> 00:06:59,510
所以我們會做點淡出並從那裡開始回去刷新我們點擊它淡出。

64
00:07:00,090 --> 00:07:03,530
但請記住，剛裝修它實際上並沒有將其刪除。

65
00:07:03,570 --> 00:07:10,810
它仍然在這裡，如果我們考察我們你很好，我們仍然有三個做的，而不是僅僅是他們兩個人都沒有顯示。

66
00:07:11,130 --> 00:07:12,660
而我們不希望這樣的事情發生。

67
00:07:12,660 --> 00:07:15,470
試想一下，我們有一千個失去我們已經刪除。

68
00:07:15,720 --> 00:07:20,240
嗯，我們不希望有我們頁面上一千隱藏要素放慢改革的步伐。

69
00:07:20,250 --> 00:07:26,820
所以，我們要做的卻是使用刪除但請記住它不只是工作，做到這一點。

70
00:07:26,820 --> 00:07:30,770
它會刪除它，但它不會等待淡出來完成。

71
00:07:30,900 --> 00:07:51,580
如果我們想這麼快就證明我們點擊它開始褪色，然後立即它消除後，如果我們希望淡出全部做完，我們需要做的是利用回調，我們可以傳遞到淡出，這將隨後運行。

72
00:07:51,690 --> 00:07:56,820
讓我們給它一個時間，以及讓我們說500毫秒啟動。

73
00:07:57,180 --> 00:08:00,680
然後當它這樣做，我們不能只調用自身刪除。

74
00:08:00,720 --> 00:08:09,320
我們需要調用它的元素，我們希望它來調用它的元素是，我們正在填寫，所以我們可以用一個美元符號之一相同。

75
00:08:09,420 --> 00:08:18,940
這是需要注意的是這裡這個權利是不一樣的美元符號這一權利在這裡。

76
00:08:19,470 --> 00:08:24,330
因此，讓我們走過，當我們點擊一個西班牙的美元符號這是一個有點複雜。

77
00:08:24,330 --> 00:08:30,410
這指的是很快的跨度，但後來我們正在做的父元素。

78
00:08:30,600 --> 00:08:37,720
所以，現在我們正在與包圍跨度謊言工作，然後我們就飛做淡出。

79
00:08:37,800 --> 00:08:43,080
因此，而不是淡出這指的是不撒謊的跨度。

80
00:08:43,590 --> 00:08:47,470
OK所以我們會保存並返回刷新。

81
00:08:47,730 --> 00:08:54,700
現在，我們得到一個不錯的淡出，如果我們檢查UL我們只有一個生命離開了。

82
00:08:55,110 --> 00:08:57,600
因此，它淡出，然後刪除。

83
00:08:57,810 --> 00:08:59,610
這裡總結了一切。

84
00:08:59,610 --> 00:09:09,610
我們遇到的第一個問題是，我們的活動上跨度的單擊事件實際上是射擊的飛行活動以及之後它發射了它的跨度。

85
00:09:10,110 --> 00:09:15,540
因此，要解決這個問題，我們使用事件停止傳播停靠它向上冒泡到其他元素。

86
00:09:15,780 --> 00:09:23,750
然後我們使用的父母來檢索封閉被點擊跨度的盟友，那麼我們就褪色了出來。