mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-20 12:21:35 +02:00
Add an update method to allow to update position for Tooltip/Popover/Dropdown manually
This commit is contained in:
@@ -568,6 +568,7 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
|
|||||||
| Method | Description |
|
| Method | Description |
|
||||||
| --- | --- |
|
| --- | --- |
|
||||||
| `$().dropdown('toggle')` | Toggles the dropdown menu of a given navbar or tabbed navigation. |
|
| `$().dropdown('toggle')` | Toggles the dropdown menu of a given navbar or tabbed navigation. |
|
||||||
|
| `$().dropdown('update')` | Updates the position of an element's dropdown. |
|
||||||
|
|
||||||
### Events
|
### Events
|
||||||
|
|
||||||
|
@@ -322,6 +322,12 @@ Toggles the ability for an element's popover to be shown or hidden.
|
|||||||
|
|
||||||
{% highlight js %}$('#element').popover('toggleEnabled'){% endhighlight %}
|
{% highlight js %}$('#element').popover('toggleEnabled'){% endhighlight %}
|
||||||
|
|
||||||
|
#### `.popover('update')`
|
||||||
|
|
||||||
|
Updates the position of an element's popover.
|
||||||
|
|
||||||
|
{% highlight js %}$('#element').popover('update'){% endhighlight %}
|
||||||
|
|
||||||
### Events
|
### Events
|
||||||
|
|
||||||
<table class="table table-bordered table-striped table-responsive">
|
<table class="table table-bordered table-striped table-responsive">
|
||||||
|
@@ -298,6 +298,12 @@ Toggles the ability for an element's tooltip to be shown or hidden.
|
|||||||
|
|
||||||
{% highlight js %}$('#element').tooltip('toggleEnabled'){% endhighlight %}
|
{% highlight js %}$('#element').tooltip('toggleEnabled'){% endhighlight %}
|
||||||
|
|
||||||
|
#### `.tooltip('update')`
|
||||||
|
|
||||||
|
Updates the position of an element's tooltip.
|
||||||
|
|
||||||
|
{% highlight js %}$('#element').tooltip('update'){% endhighlight %}
|
||||||
|
|
||||||
### Events
|
### Events
|
||||||
|
|
||||||
<table class="table table-bordered table-striped table-responsive">
|
<table class="table table-bordered table-striped table-responsive">
|
||||||
|
@@ -185,8 +185,14 @@ const Dropdown = (($) => {
|
|||||||
if (this._popper !== null) {
|
if (this._popper !== null) {
|
||||||
this._popper.destroy()
|
this._popper.destroy()
|
||||||
}
|
}
|
||||||
|
this._popper = null
|
||||||
}
|
}
|
||||||
|
|
||||||
|
update() {
|
||||||
|
if (this._popper !== null) {
|
||||||
|
this._popper.scheduleUpdate()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// private
|
// private
|
||||||
|
|
||||||
|
@@ -227,6 +227,9 @@ const Tooltip = (($) => {
|
|||||||
this._timeout = null
|
this._timeout = null
|
||||||
this._hoverState = null
|
this._hoverState = null
|
||||||
this._activeTrigger = null
|
this._activeTrigger = null
|
||||||
|
if (this._popper !== null) {
|
||||||
|
this._popper.destroy()
|
||||||
|
}
|
||||||
this._popper = null
|
this._popper = null
|
||||||
|
|
||||||
this.element = null
|
this.element = null
|
||||||
@@ -385,6 +388,11 @@ const Tooltip = (($) => {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
update() {
|
||||||
|
if (this._popper !== null) {
|
||||||
|
this._popper.scheduleUpdate()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// protected
|
// protected
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user