rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-03-01 01:54:24 +01:00
Code Issues Actions Packages Releases Activity

Update javascript.md (#37566)

Browse Source
This commit is contained in:
XhmikosR 2022-12-01 09:59:45 +02:00 committed by GitHub
parent 7c7f6ea933
commit d16efb79b6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
site/content/docs/5.2/getting-started/javascript.md
View File

@ -125,7 +125,6 @@ All constructors accept an optional options object or nothing (which initiates a
```js ```js
const myModalEl = document.querySelector('#myModal') const myModalEl = document.querySelector('#myModal')
const modal = new bootstrap.Modal(myModalEl) // initialized with defaults const modal = new bootstrap.Modal(myModalEl) // initialized with defaults
const configObject = { keyboard: false } const configObject = { keyboard: false }
@ -302,11 +301,17 @@ const tooltip = new bootstrap.Tooltip(yourTooltipEl, {
**You don't need jQuery in Bootstrap 5**, but it's still possible to use our components with jQuery. If Bootstrap detects `jQuery` in the `window` object, it'll add all of our components in jQuery's plugin system. This allows you to do the following: **You don't need jQuery in Bootstrap 5**, but it's still possible to use our components with jQuery. If Bootstrap detects `jQuery` in the `window` object, it'll add all of our components in jQuery's plugin system. This allows you to do the following:
```js ```js
$('[data-bs-toggle="tooltip"]').tooltip() // to enable tooltips, with default configuration // to enable tooltips with the default configuration
$('[data-bs-toggle="tooltip"]').tooltip()
$('[data-bs-toggle="tooltip"]').tooltip({ boundary: 'clippingParents', customClass: 'myClass' }) // to initialize tooltips with given configuration // to initialize tooltips with given configuration
$('[data-bs-toggle="tooltip"]').tooltip({
boundary: 'clippingParents',
customClass: 'myClass'
})
$('#myTooltip').tooltip('show') // to trigger `show` method // to trigger the `show` method
$('#myTooltip').tooltip('show')
``` ```
The same goes for our other components. The same goes for our other components.