mirror of
https://github.com/twbs/bootstrap.git
synced 2025-01-28 20:52:21 +01:00
Properly document Modal#handleUpdate
This commit is contained in:
parent
c1005f5283
commit
be68cdd4b8
@ -394,9 +394,6 @@ $('#exampleModal').on('show.bs.modal', function (event) {
|
||||
})
|
||||
{% endhighlight %}
|
||||
|
||||
<h2 id="modals-handle-update">Modals with dynamic heights</h2>
|
||||
<p>If the height of a modal changes while it is open, you should call <code>$('#myModal').data('bs.modal').handleUpdate()</code> to readjust the modal's position in case a scrollbar appears.</p>
|
||||
|
||||
<h2 id="modals-usage">Usage</h2>
|
||||
<p>The modal plugin toggles your hidden content on demand, via data attributes or JavaScript. It also adds <code>.modal-open</code> to the <code><body></code> to override default scrolling behavior and generates a <code>.modal-backdrop</code> to provide a click area for dismissing shown modals when clicking outside the modal.</p>
|
||||
|
||||
@ -479,6 +476,11 @@ $('#myModal').modal({
|
||||
<p>Manually hides a modal. <strong>Returns to the caller before the modal has actually been hidden</strong> (i.e. before the <code>hidden.bs.modal</code> event occurs).</p>
|
||||
{% highlight js %}$('#myModal').modal('hide'){% endhighlight %}
|
||||
|
||||
<h4>.modal('handleUpdate')</h4>
|
||||
<p>Readjusts the modal's positioning to counter a scrollbar in case one should appear, which would make the modal jump to the left.</p>
|
||||
<p>Only needed when the height of the modal changes while it is open.</p>
|
||||
{% highlight js %}$('#myModal').modal('handleUpdate'){% endhighlight %}
|
||||
|
||||
<h3 id="modals-events">Events</h3>
|
||||
<p>Bootstrap's modal class exposes a few events for hooking into modal functionality.</p>
|
||||
<p>All modal events are fired at the modal itself (i.e. at the <code><div class="modal"></code>).</p>
|
||||
|
@ -19,7 +19,6 @@
|
||||
<li><a href="#modals-sizes">Sizes</a></li>
|
||||
<li><a href="#modals-remove-animation">Remove animation</a></li>
|
||||
<li><a href="#modals-related-target">Varying content based on trigger button</a></li>
|
||||
<li><a href="#modals-handle-update">Modals with dynamic heights</a></li>
|
||||
<li><a href="#modals-usage">Usage</a></li>
|
||||
<li><a href="#modals-options">Options</a></li>
|
||||
<li><a href="#modals-methods">Methods</a></li>
|
||||
|
Loading…
x
Reference in New Issue
Block a user