mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-20 04:11:39 +02:00
Code Issues Releases Wiki Activity

docs: use event instead of e (#32226)

Browse Source 
It's better for clarity.
This commit is contained in:
XhmikosR
2020-11-21 17:00:38 +02:00
committed by GitHub
parent f4457bca02
commit d365831bce
4 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
site/content/docs/5.0/components/list-group.md
View File

@@ -342,8 +342,8 @@ var triggerTabList = [].slice.call(document.querySelectorAll('#myTab a'))
triggerTabList.forEach(function (triggerEl) { triggerTabList.forEach(function (triggerEl) {
var tabTrigger = new bootstrap.Tab(triggerEl) var tabTrigger = new bootstrap.Tab(triggerEl)
triggerEl.addEventListener('click', function (e) { triggerEl.addEventListener('click', function (event) {
e.preventDefault() event.preventDefault()
tabTrigger.show() tabTrigger.show()
}) })
}) })
@@ -465,8 +465,8 @@ If no tab was already active, the `hide.bs.tab` and `hidden.bs.tab` events will
```js ```js
var tabEl = document.querySelector('a[data-bs-toggle="list"]') var tabEl = document.querySelector('a[data-bs-toggle="list"]')
tabEl.addEventListener('shown.bs.tab', function (e) { tabEl.addEventListener('shown.bs.tab', function (event) {
e.target // newly activated tab event.target // newly activated tab
e.relatedTarget // previous active tab event.relatedTarget // previous active tab
}) })
``` ```

2
site/content/docs/5.0/components/modal.md
View File

@@ -988,7 +988,7 @@ Bootstrap's modal class exposes a few events for hooking into modal functionalit
```js ```js
var myModalEl = document.getElementById('myModal') var myModalEl = document.getElementById('myModal')
myModalEl.addEventListener('hidden.bs.modal', function (e) { myModalEl.addEventListener('hidden.bs.modal', function (event) {
// do something... // do something...
}) })
``` ```

10
site/content/docs/5.0/components/navs-tabs.md
View File

@@ -523,8 +523,8 @@ var triggerTabList = [].slice.call(document.querySelectorAll('#myTab a'))
triggerTabList.forEach(function (triggerEl) { triggerTabList.forEach(function (triggerEl) {
var tabTrigger = new bootstrap.Tab(triggerEl) var tabTrigger = new bootstrap.Tab(triggerEl)
triggerEl.addEventListener('click', function (e) { triggerEl.addEventListener('click', function (event) {
e.preventDefault() event.preventDefault()
tabTrigger.show() tabTrigger.show()
}) })
}) })
@@ -658,8 +658,8 @@ If no tab was already active, then the `hide.bs.tab` and `hidden.bs.tab` events
```js ```js
var tabEl = document.querySelector('a[data-bs-toggle="tab"]') var tabEl = document.querySelector('a[data-bs-toggle="tab"]')
tabEl.addEventListener('shown.bs.tab', function (e) { tabEl.addEventListener('shown.bs.tab', function (event) {
e.target // newly activated tab event.target // newly activated tab
e.relatedTarget // previous active tab event.relatedTarget // previous active tab
}) })
``` ```

8
site/content/docs/5.0/getting-started/javascript.md
View File

@@ -61,9 +61,9 @@ All infinitive events provide [`preventDefault()`](https://developer.mozilla.org
```js ```js
var myModal = document.getElementById('myModal') var myModal = document.getElementById('myModal')
myModal.addEventListener('show.bs.modal', function (e) { myModal.addEventListener('show.bs.modal', function (event) {
if (!data) { if (!data) {
return e.preventDefault() // stops modal from being shown return event.preventDefault() // stops modal from being shown
} }
}) })
``` ```
@@ -102,7 +102,7 @@ In order to execute an action once the transition is complete, you can listen to
```js ```js
var myCollapseEl = document.getElementById('#myCollapse') var myCollapseEl = document.getElementById('#myCollapse')
myCollapseEl.addEventListener('shown.bs.collapse', function (e) { myCollapseEl.addEventListener('shown.bs.collapse', function (event) {
// Action to execute once the collapsible area is expanded // Action to execute once the collapsible area is expanded
}) })
``` ```
@@ -113,7 +113,7 @@ In addition a method call on a **transitioning component will be ignored**.
var myCarouselEl = document.getElementById('myCarousel') var myCarouselEl = document.getElementById('myCarousel')
var carousel = bootstrap.Carousel.getInstance(myCarouselEl) // Retrieve a Carousel instance var carousel = bootstrap.Carousel.getInstance(myCarouselEl) // Retrieve a Carousel instance
myCarouselEl.addEventListener('slid.bs.carousel', function (e) { myCarouselEl.addEventListener('slid.bs.carousel', function (event) {
carousel.to('2') // Will slide to the slide 2 as soon as the transition to slide 1 is finished carousel.to('2') // Will slide to the slide 2 as soon as the transition to slide 1 is finished
}) })