1
00:00:00,000 --> 00:00:04,563
[MUSIK].

2
00:00:04,563 --> 00:00:09,231
Lassen Sie uns nun einige Zeit damit verbringen, zu verstehen, wie Bootstrap und

3
00:00:09,231 --> 00:00:14,770
jQuery zusammenarbeiten, um die JavaScript-Komponenten des Bootstrap zu unterstützen.

4
00:00:16,310 --> 00:00:21,110
Wie wir aus dem vorherigen Modul verstanden haben, hat Bootstrap

5
00:00:21,110 --> 00:00:26,410
eine Reihe von interessanten JavaScript-basierten Komponenten.

6
00:00:26,410 --> 00:00:30,871
Und wir haben auch gelernt, dass die JavaScript-basierten Komponenten von Bootstrap

7
00:00:30,871 --> 00:00:34,440
alle mit jQuery als Unterstützung aktiviert sind.

8
00:00:34,440 --> 00:00:38,160
So viele dieser Plugins sind in jQuery geschrieben.

9
00:00:38,160 --> 00:00:41,780
Ihre Plugins selbst können einzeln einbezogen werden oder

10
00:00:41,780 --> 00:00:45,950
Sie können alle Plugins als eine Einheit zusammenfügen.

11
00:00:45,950 --> 00:00:50,350
In den Übungen haben wir alle

12
00:00:50,350 --> 00:00:53,815
JavaScript-Plugins von Bootstrap in unsere Webseite aufgenommen.

13
00:00:55,040 --> 00:00:58,350
Wir haben diese Grafik auch im vorherigen Modul gesehen,

14
00:00:58,350 --> 00:01:03,160
um uns zu helfen, die Beziehung zwischen JavaScript, jQuery und

15
00:01:03,160 --> 00:01:07,740
wie die JS-basierten Plugins des Bootstrap zu verstehen.

16
00:01:07,740 --> 00:01:14,820
Also haben wir gesehen, dass die JS-Komponenten von Bootstrap in den jQuery-basierten Komponenten

17
00:01:14,820 --> 00:01:18,538
oxieren und es uns leicht machen, sie auf unserer Webseite zu nutzen.

18
00:01:18,538 --> 00:01:25,200
Wir haben auch gelernt, dass die JavaScript-basierten Komponenten des Bootstrap

19
00:01:25,200 --> 00:01:31,010
in Ihrer Webseite verwendet werden können, ohne eine einzige Zeile JavaScript-Code zu schreiben.

20
00:01:31,010 --> 00:01:38,860
Hier kommen also die Daten-*-Attribute zu unserer Rettung.

21
00:01:38,860 --> 00:01:44,133
So können Sie die verschiedenen Attribute, die wir im vorherigen

22
00:01:44,133 --> 00:01:50,910
Modul gesehen haben, verwenden, um viele der JavaScript-basierten Komponenten unseres Bootstrap zu aktivieren.

23
00:01:50,910 --> 00:01:55,705
Falls Sie mehr Flexibilität mit Ihren JavaScript-Komponenten wünschen, steht Ihnen

24
00:01:55,705 --> 00:02:00,405
die volle Flexibilität dieser JavaScript-basierten API

25
00:02:00,405 --> 00:02:05,565
für alle Bootstrap-JavaScript-Komponenten zur Verfügung.

26
00:02:05,565 --> 00:02:10,875
Sie können Code mit der jQuery-Syntax schreiben und diesen dann

27
00:02:10,875 --> 00:02:16,025
zusammen verwenden, um die JS-Komponenten Ihres Bootstrap zu steuern.

28
00:02:16,025 --> 00:02:20,350
Wir werden das in diesem Modul etwas genauer untersuchen.

29
00:02:20,350 --> 00:02:26,080
Bevor wir weiter gehen, lassen Sie mich Ihnen einen kurzen Überblick über jQuery und seine Syntax geben

30
00:02:26,080 --> 00:02:32,030
, damit wir einen Teil des Codes verstehen, den wir in diesem Modul schreiben werden.

31
00:02:32,030 --> 00:02:33,830
jQuery ist eine sehr leistungsfähige,

32
00:02:33,830 --> 00:02:39,810
leichtgewichtige JavaScript-basierte Bibliothek, die eine Reihe von verschiedenen Komponenten bereitstellt.

33
00:02:39,810 --> 00:02:45,100
Es ist eine funktionsreiche Bibliothek, die das Schreiben von Code für

34
00:02:45,100 --> 00:02:47,880
HTML- oder DOM-Manipulation ermöglicht.

35
00:02:47,880 --> 00:02:50,170
Es ermöglicht Ihnen, CSS-Manipulation durchzuführen.

36
00:02:50,170 --> 00:02:50,910
So

37
00:02:50,910 --> 00:02:56,840
können Sie zum Beispiel CSS-Klassen auf verschiedene HTML-Elemente über den jQuery-Code anwenden.

38
00:02:56,840 --> 00:03:00,860
Es ermöglicht Ihnen, HTML-Ereignisse zu behandeln,

39
00:03:00,860 --> 00:03:05,920
und wenn diese Ereignisse auftreten, können Sie Methoden implementieren, die

40
00:03:05,920 --> 00:03:08,565
als Reaktion auf das Auftreten dieser Ereignisse ausgeführt werden.

41
00:03:08,565 --> 00:03:11,160
jQuery unterstützt auch verschiedene Effekte und

42
00:03:11,160 --> 00:03:15,410
Animationen, die auf Ihre HTML-Elemente angewendet werden können.

43
00:03:15,410 --> 00:03:22,650
Auch jQuery ermöglicht es Ihnen, mit einem Back-End-Server mit AJAX zu interagieren.

44
00:03:22,650 --> 00:03:27,390
Obwohl wir das in diesem Kurs nicht zu sehr ausführlich erforschen werden.

45
00:03:27,390 --> 00:03:31,937
Wir haben auch gelernt, dass die JavaScript-Komponenten von Bootstrap

46
00:03:31,937 --> 00:03:34,310
auf jQuery basieren.

47
00:03:34,310 --> 00:03:39,480
Diese Komponenten verwenden viele der jQuery-Methoden, die verfügbar sind, um die

48
00:03:39,480 --> 00:03:45,340
verschiedenen Funktionen zu implementieren, die diese Bootstrap JavaScript-Komponenten unterstützen.

49
00:03:45,340 --> 00:03:48,120
Lassen Sie uns kurz jQuery Syntax verstehen.

50
00:03:48,120 --> 00:03:53,150
Wenn Sie nun einen Teil des Codes gesehen haben, den wir

51
00:03:53,150 --> 00:03:57,700
im vorherigen Modul enthalten haben, speziell für

52
00:03:57,700 --> 00:04:03,210
den Tooltip, erinnern Sie sich, dass es etwas gab, das mit einem Dollarzeichen begonnen hat.

53
00:04:03,210 --> 00:04:09,780
Also, die jQuery-Syntax wird alle mit dem Dollarzeichen implementiert.

54
00:04:09,780 --> 00:04:19,113
Das Dollarzeichen am Anfang eines Satzes impliziert, dass dies die

55
00:04:19,113 --> 00:04:26,070
verfügbaren Bibliotheks-Plugins von jQuery definiert und darauf zugreift.

56
00:04:26,070 --> 00:04:31,070
Wenn wir jetzt das Dollarzeichen verwenden, geben Sie auch einen Selektor an.

57
00:04:31,070 --> 00:04:34,920
Der Selektor wird verwendet, um die

58
00:04:34,920 --> 00:04:40,270
HTML-Elemente in Ihrem DOM abzufragen und zu finden, auf die Sie diese Manipulation anwenden möchten.

59
00:04:40,270 --> 00:04:42,795
Es gibt verschiedene Möglichkeiten, Auswahlen durchzuführen.

60
00:04:42,795 --> 00:04:46,030
Wir werden sie in der nachfolgenden Folie betrachten.

61
00:04:47,550 --> 00:04:54,670
Dann ist der dritte Aspekt einer jQuery-Anweisung die Aktion, die Sie angeben.

62
00:04:54,670 --> 00:04:59,390
Nun, da Sie ein HTML-Element auswählen, welche Art von Aktion Sie für

63
00:04:59,390 --> 00:05:02,700
dieses Element ausgeführt werden möchten, also das ist der dritte Teil, den Sie sehen werden.

64
00:05:02,700 --> 00:05:09,032
Als Beispiel können Sie eine jQuery-Anweisung

65
00:05:09,032 --> 00:05:15,540
wie $ („p“) innerhalb von Codes und dann .hide angeben.

66
00:05:15,540 --> 00:05:20,268
In diesem Fall impliziert es, dass, wählen Sie alle diese HTML-Elemente,

67
00:05:20,268 --> 00:05:24,690
die die Absatzelemente sind,

68
00:05:24,690 --> 00:05:30,440
beginnend mit dem p-Tag, und dann diese Elemente verstecken diese Elemente.

69
00:05:30,440 --> 00:05:33,210
Die auszuführende Aktion ist also die Höhe,

70
00:05:33,210 --> 00:05:38,150
so dass alle p-Elemente aus Ihrem

71
00:05:39,400 --> 00:05:43,050
DOM und folglich von der gerenderten Webseite ausgeblendet werden.

72
00:05:44,510 --> 00:05:49,165
In ähnlicher Weise werden Sie später sehen

73
00:05:49,165 --> 00:05:53,288
, dass wir eine Aussage wie Dollar und

74
00:05:53,288 --> 00:05:58,608
dann innerhalb von Anführungszeichen #mycarousel verwenden, was

75
00:05:58,608 --> 00:06:06,189
bedeutet, dass Sie die ID eines bestimmten HTML-Elements

76
00:06:06,189 --> 00:06:10,970
angeben und dann Karussell und Pause angeben.

77
00:06:10,970 --> 00:06:14,340
Wir werden uns mehr Details darüber ansehen, was dies tatsächlich

78
00:06:14,340 --> 00:06:16,930
in einer der nachfolgenden Folien dort tut.

79
00:06:16,930 --> 00:06:22,870
Beachten Sie jedoch die Struktur der jQuery-Anweisungssyntax dort.

80
00:06:22,870 --> 00:06:27,040
Sie geben den Selektor an, und dann geben Sie die entsprechende Aktion für das

81
00:06:27,040 --> 00:06:32,360
Element, das von diesen Selektoren ausgewählt wird ausgeführt werden.

82
00:06:32,360 --> 00:06:36,335
Werfen wir einen Blick auf Bootstrap jQuery Beispiel.

83
00:06:36,335 --> 00:06:41,490
Wir gehen zurück zu dem vorherigen Beispiel, das wir zuvor gesehen haben,

84
00:06:41,490 --> 00:06:43,410
wo wir den Tooltip vorstellen.

85
00:06:43,410 --> 00:06:47,480
Also, wenn wir den Tooltip einführen, spezifizierten wir Skript und

86
00:06:47,480 --> 00:06:50,940
dann innerhalb des Skripts, sagten wir $ (Dokument).

87
00:06:50,940 --> 00:06:53,800
In diesem Fall bedeutet das Dokument das gesamte Dokument.

88
00:06:53,800 --> 00:06:56,510
Das hier ausgewählte ist also für das gesamte Dokument.

89
00:06:56,510 --> 00:07:01,010
Also für das gesamte Dokument, und dann werden wir bereit angeben.

90
00:07:01,010 --> 00:07:02,790
Bereit ist die Aktion, die ergriffen werden muss.

91
00:07:02,790 --> 00:07:07,760
Wenn das Dokument fertig ist, dann führen Sie diese Funktion aus, die

92
00:07:07,760 --> 00:07:11,500
als Parameter für diese ready-Aktion angegeben ist.

93
00:07:11,500 --> 00:07:17,710
Die Funktion, die wir sahen, dass sie für den Tooltip verwendet wurde, spezifizierte sie als $, und

94
00:07:17,710 --> 00:07:23,470
dann innerhalb von Klammern, sagte es, data-toggle=“ tooltip“.

95
00:07:23,470 --> 00:07:28,240
Jetzt hier geben wir an, dass die Elemente auswählen, für

96
00:07:28,240 --> 00:07:33,260
die es ein Attribut mit data-toggle = = „tooltip“ gibt. Führen

97
00:07:33,260 --> 00:07:38,290
Sie dann für die Elemente, die diesen Kriterien entsprechen, diese Aktion mit der

98
00:07:38,290 --> 00:07:43,270
Bezeichnung „QuickInfos aktivieren“ für diese Elemente aus.

99
00:07:43,270 --> 00:07:47,580
Und wir schließen die Funktion dort.

100
00:07:47,580 --> 00:07:52,890
Dies gibt also an, dass dieses bestimmte Skript

101
00:07:52,890 --> 00:07:57,640
für die Elemente aktiviert wird, für die Sie den Tooltip zum Umschalten angewendet haben.

102
00:07:57,640 --> 00:08:02,840
Also im Grunde für jene HTML-Elemente, für die Sie Tooltips definiert haben,

103
00:08:02,840 --> 00:08:05,770
möchten Sie, dass der Tooltip dort aktiviert wird.

104
00:08:05,770 --> 00:08:12,800
So interpretieren wir diese Syntax dieses jQuery-Beispiels hier.

105
00:08:12,800 --> 00:08:18,340
Schauen wir uns die verschiedenen Möglichkeiten an, Selektoren zu spezifizieren.

106
00:08:18,340 --> 00:08:23,490
Wie wir aus der jQuery-Anweisungssyntax erkennen,

107
00:08:23,490 --> 00:08:28,240
folgen wir immer dem Dollar und geben dann in Klammern einen Selektor an.

108
00:08:28,240 --> 00:08:32,990
Wie spezifizieren wir Selektoren, was sind die verschiedenen Möglichkeiten, wie Sie Selektoren angeben können?

109
00:08:32,990 --> 00:08:35,450
Hier sind einige Möglichkeiten.

110
00:08:35,450 --> 00:08:38,900
Sie können einen Selektor angeben, indem Sie ein bestimmtes

111
00:08:38,900 --> 00:08:41,960
HTML-Element angeben, indem Sie das Tag angeben.

112
00:08:41,960 --> 00:08:46,050
Sie können also p, button, h4,

113
00:08:46,050 --> 00:08:50,315
h3 oder eines der HTML-Tags direkt sagen.

114
00:08:50,315 --> 00:08:54,725
Und so wird in diesem Fall der HTML-Tag-Name in Anführungszeichen angegeben und

115
00:08:54,725 --> 00:08:56,475
das wird Ihren Selektor bilden.

116
00:08:56,475 --> 00:09:00,225
Wenn Sie einen Selektor wie diesen anwenden, sagen Sie, dass alle Elemente

117
00:09:00,225 --> 00:09:05,673
ausgewählt werden, die diesen Kriterien entsprechen.

118
00:09:06,950 --> 00:09:11,920
Dann können Sie auch ein bestimmtes

119
00:09:11,920 --> 00:09:16,640
HTML-DOM-Element angeben, indem Sie die ID dieses Elements angeben, indem Sie die #id verwenden.

120
00:09:16,640 --> 00:09:20,990
So verwenden wir zum Beispiel #myCarousel.

121
00:09:20,990 --> 00:09:26,480
Also in diesem Fall sagen Sie, wählen Sie das bestimmte

122
00:09:26,480 --> 00:09:31,119
HTML-Element, für das die ID myCarousel ist.

123
00:09:31,119 --> 00:09:36,500
Das ist also die andere Art der Auswahl, indem Sie eine ID für ein Element angeben.

124
00:09:37,550 --> 00:09:40,620
Die dritte Möglichkeit besteht darin,

125
00:09:40,620 --> 00:09:44,440
Elemente durch die Klassen auszuwählen, die darauf angewendet haben.

126
00:09:44,440 --> 00:09:50,180
So können Sie beispielsweise in Klammern sehen, wenn Sie .btn sagen,

127
00:09:50,180 --> 00:09:53,477
was bedeutet, dass alle HTML-DOM-Elemente, für

128
00:09:53,477 --> 00:09:58,702
die Sie die Schaltflächenklasse angewendet haben, ausgewählt werden.

129
00:09:58,702 --> 00:10:03,670
Oder Sie können sich sogar weiter qualifizieren, indem Sie eine Gruppe von Klassen angeben, indem Sie

130
00:10:03,670 --> 00:10:08,550
.btn.btn-default sagen, was bedeutet, dass die Elemente, für

131
00:10:08,550 --> 00:10:14,080
die die Schaltfläche Klasse und die Schaltfläche Standardklasse angewendet wurden.

132
00:10:15,290 --> 00:10:16,620
Das ist also ein anderer Weg,

133
00:10:16,620 --> 00:10:19,607
indem Sie die Klassen verwenden, die auf das HTML-Element angewendet werden.

134
00:10:20,630 --> 00:10:25,070
Die andere Möglichkeit besteht darin, ein Attribut anzugeben, das

135
00:10:25,070 --> 00:10:27,120
auf HTML-Element angewendet wurde.

136
00:10:27,120 --> 00:10:33,150
So können Sie beispielsweise sagen, dass Attribute in eckigen Klammern hier angegeben werden.

137
00:10:33,150 --> 00:10:38,640
So können Sie in eckigen Klammern href sehen, und es in das Zitat aufnehmen

138
00:10:38,640 --> 00:10:44,370
, so dass alle diese HTML-Elemente, für die href Attribut angewendet wurde.

139
00:10:44,370 --> 00:10:47,920
In ähnlicher Weise können Sie data-toggle = „tooltip“ sagen,

140
00:10:47,920 --> 00:10:50,630
was im Wesentlichen alle Elemente speichert

141
00:10:50,630 --> 00:10:53,745
, für die das tooltip Attribut data-toggle angewendet wurde.

142
00:10:53,745 --> 00:10:59,270
Wählen Sie auch das aktuelle Element aus

143
00:10:59,270 --> 00:11:04,900
, für das Sie etwas tun möchten, indem Sie $ (this) sagen.

144
00:11:04,900 --> 00:11:08,360
Also, für das aktuelle Element, das bereits ausgewählt wurde

145
00:11:08,360 --> 00:11:10,360
, tun Sie dazu etwas.

146
00:11:11,520 --> 00:11:14,900
Und noch viel mehr Möglichkeiten.

147
00:11:14,900 --> 00:11:19,760
Dies sind also einige Beispiele, also werden Sie sehen, wie ich einige dieser

148
00:11:19,760 --> 00:11:23,610
Beispiele in den Beispielen und der folgenden Übung verwende.

149
00:11:24,650 --> 00:11:29,950
Nicht nur das, Sie können auch jQuery-Ereignisse angeben,

150
00:11:29,950 --> 00:11:34,840
Ereignisse, auf denen Sie antworten.

151
00:11:34,840 --> 00:11:37,720
So werden zum Beispiel die Benutzerinteraktionen

152
00:11:37,720 --> 00:11:42,590
mit verschiedenen Elementen auf Ihrer Webseite DOM-Ereignisse verursachen.

153
00:11:42,590 --> 00:11:47,220
So kann der Benutzer beispielsweise mit einer Maus an einer bestimmten Stelle klicken.

154
00:11:47,220 --> 00:11:52,790
Oder doppelklicken Sie, oder wenn die Maus eine bestimmte Position betritt und verlässt.

155
00:11:52,790 --> 00:11:56,880
Für die Tastatur können Sie auf Tastendrucke, Keydown und Keyup reagieren.

156
00:11:57,980 --> 00:12:01,680
Ereignisse für Formulare, wenn das Formular gesendet

157
00:12:01,680 --> 00:12:05,870
wird, wenn sich ein bestimmter

158
00:12:07,040 --> 00:12:13,230
Eingabeelementwert ändert und auf ein bestimmtes Element fokussiert wird usw.

159
00:12:13,230 --> 00:12:16,140
Wir können sogar über das gesamte Dokument sprechen.

160
00:12:16,140 --> 00:12:20,080
So

161
00:12:20,080 --> 00:12:24,920
können Sie beim Laden des Dokuments, beim Ändern der Größe des Dokuments, beim Scrollen oder Entladen des Dokuments auf diese Ereignisse reagieren.

162
00:12:24,920 --> 00:12:31,253
In diesem Fall enthalten die jQuery-Ereignismethoden, die unterstützt werden, ready,

163
00:12:31,253 --> 00:12:35,140
click, dblclick, mousedown, on und so weiter.

164
00:12:35,140 --> 00:12:38,430
Dies sind also alle Ereignismethoden,

165
00:12:38,430 --> 00:12:42,770
die beim Auftreten eines dieser Ereignisse dort ausgeführt werden.

166
00:12:43,850 --> 00:12:48,480
Nehmen wir ein Beispiel des Bootstrap's Karussell, um zu sehen, wie

167
00:12:48,480 --> 00:12:53,640
JavaScript-Code geschrieben werden kann, um die Karussellaktionen zu steuern.

168
00:12:54,980 --> 00:13:01,490
Also, für ein Karussell haben Sie bereits vom vorherigen Modul gesehen, Indexgröße.

169
00:13:01,490 --> 00:13:03,584
Wir haben all diese Attribute verwendet.

170
00:13:03,584 --> 00:13:08,250
Also haben wir das Attribut data-slide = „prev|next“ verwendet, oder

171
00:13:08,250 --> 00:13:13,780
wir sagten, data-slide-to und dann die spezifische Foliennummer angegeben,

172
00:13:13,780 --> 00:13:16,910
wo es heißt data-ride+"carussell“.

173
00:13:16,910 --> 00:13:21,570
Und dann haben wir Datenintervall angegeben, das Intervall für

174
00:13:21,570 --> 00:13:25,800
die gleitende Aktion stattfinden soll.

175
00:13:25,800 --> 00:13:29,590
So können Sie für das Karussell Dinge tun, wie zum

176
00:13:29,590 --> 00:13:33,076
Beispiel können Sie JavaScript-basierte Steuerelemente angeben.

177
00:13:33,076 --> 00:13:38,674
Sie können $ sehen, und in Klammern angeben, um die Elemente auszuwählen,

178
00:13:38,674 --> 00:13:44,565
die Karussell, die in Ihrer Seite enthalten sind, indem Sie .karussell angeben. Das

179
00:13:44,565 --> 00:13:50,577
bedeutet, dass alle Elemente, für die die Karussellklasse angewendet wurde,

180
00:13:50,577 --> 00:13:56,700
und danach verwenden Sie das .carousel, um etwas anzugeben.

181
00:13:56,700 --> 00:14:00,580
Als Beispiel werden Sie sehen, wie ich so etwas

182
00:14:00,580 --> 00:14:02,090
in der folgenden Übung verwende.

183
00:14:02,090 --> 00:14:05,400
Wir sagen. Karussell und Karussell, und

184
00:14:05,400 --> 00:14:09,409
im Inneren würden Sie Intervall angeben: 2000,

185
00:14:09,409 --> 00:14:15,140
was bedeutet, setzen Sie das Intervall für das Schieben auf 2000 Millisekunden.

186
00:14:15,140 --> 00:14:17,620
Oder zwei Sekunden, in diesem Fall.

187
00:14:17,620 --> 00:14:22,850
Auf diese Weise steuern oder ändern Sie eine bestimmte Eigenschaft

188
00:14:22,850 --> 00:14:27,890
des Karussell JavaScript-Elements dort.

189
00:14:27,890 --> 00:14:32,160
Das Karussell unterstützt auch viele andere Bedienelemente.

190
00:14:32,160 --> 00:14:35,020
So können Sie zum Beispiel Karussell ('Zyklus') sagen,

191
00:14:35,020 --> 00:14:38,730
was bedeutet, dass Sie beginnen, die Elemente von links nach rechts zu wechseln.

192
00:14:38,730 --> 00:14:44,410
Sie können Karussell ('Pause') sagen, um die Gleitwirkung des Karusells zu pausieren.

193
00:14:44,410 --> 00:14:48,171
Dann können Sie Karussell (Zahl) sagen, also

194
00:14:48,171 --> 00:14:53,441
fährt es das Karussell zu diesem bestimmten Karussell Artikel.

195
00:14:53,441 --> 00:14:56,370
Und dann kannst du Karussell ('prev'),

196
00:14:56,370 --> 00:15:01,710
Karussell ('next') sagen, um zum vorherigen Punkt und zum nächsten Punkt in meinem Karussell zu gehen.

197
00:15:01,710 --> 00:15:07,420
Diese können also direkt aus unserem JavaScript-Code aufgerufen werden.

198
00:15:07,420 --> 00:15:10,390
Ähnlich, wenn sich das

199
00:15:12,280 --> 00:15:17,550
JavaScript-Karussell in Ihrer Webseite befindet, verursacht es verschiedene Ereignisse.

200
00:15:17,550 --> 00:15:20,870
Und basierend auf dem Auftreten dieser Ereignisse können Sie reagieren.

201
00:15:20,870 --> 00:15:23,980
So können Sie zum Beispiel slide.bs.karussell sagen.

202
00:15:23,980 --> 00:15:28,220
Dieses bestimmte Ereignis wird ausgelöst, wenn die Folieninstanzmethode aufgerufen wird.

203
00:15:29,550 --> 00:15:32,990
In ähnlicher Weise bedeutet slid.bs.carousel, dass

204
00:15:32,990 --> 00:15:38,460
dieses Ereignis ausgelöst wird, wenn der Folienübergang zum nächsten Element abgeschlossen wurde.

205
00:15:38,460 --> 00:15:41,880
In Ihrem Code können Sie also etwas

206
00:15:43,370 --> 00:15:48,780
wie $ (“ #myCarousel „) .on ('slide.bs.carousel' angeben.

207
00:15:48,780 --> 00:15:54,110
Also, wenn diese Folienaktion gestartet wird, rufen Sie diese Funktion auf

208
00:15:54,110 --> 00:15:57,870
und tun Sie dann etwas in dieser Funktion dort.

209
00:15:57,870 --> 00:16:00,958
So kann diese Art von Code auch für die

210
00:16:00,958 --> 00:16:06,400
Reaktion auf die Ereignisse zurückgegeben werden, die durch das Verhalten Ihres Karussells verursacht werden.

211
00:16:07,490 --> 00:16:12,300
Nachdem wir einige dieser Beispiele betrachtet haben, werden wir zu einer Übung gehen, in der

212
00:16:12,300 --> 00:16:17,460
wir tatsächlich einige JavaScript-basierten Code schreiben, um unser Karussell zu steuern.

213
00:16:17,460 --> 00:16:23,190
Wir werden Code schreiben, um ein paar Tasten in unser Karussell aufzunehmen,

214
00:16:23,190 --> 00:16:28,280
die verwendet werden, um die Gleitwirkung des Karussell zu steuern.

215
00:16:28,280 --> 00:16:33,560
Also, was bedeutet, dass wir die Gleitwirkung unseres Karusells pausieren und fortsetzen können.

216
00:16:33,560 --> 00:16:37,699
Und wir werden diese Schaltflächen von JavaScript aktivieren.

217
00:16:37,699 --> 00:16:43,799
( MUSIK)