kotovalexarian-likes-github
/
twbs--bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Releases Activity

initial idea for handling closing of modals from whatever element you want with .js-dismiss class

This commit is contained in:
Mark Otto 2011-09-28 20:21:09 -07:00
parent 1b21d5e321
commit 2d81d65533
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/index.html
View File

@ -1644,7 +1644,7 @@
<!-- Modal -->
<div class="modal" style="position: relative; top: auto; left: auto; margin: 0 auto; z-index: 1">
<div class="modal-header">
<a href="#" class="close">&times;</a>
<a href="#" class="close js-dismiss">&times;</a>
<h3>Modal Heading</h3>
</div>
<div class="modal-body">
@ -1652,7 +1652,7 @@
</div>
<div class="modal-footer">
<a href="#" class="btn primary">Primary</a>
<a href="#" class="btn secondary">Secondary</a>
<a href="#" class="btn">Secondary</a>
</div>
</div>
</div>

6
docs/javascript.html
View File

@ -182,15 +182,15 @@ $('#my-modal').bind('hidden', function () {
<!-- sample modal content -->
<div id="modal-from-dom" class="modal hide fade">
<div class="modal-header">
<a href="#" class="close">&times;</a>
<a href="#" class="close js-dismiss">&times;</a>
<h3>Modal Heading</h3>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<a href="#" class="btn primary">Primary</a>
<a href="#" class="btn secondary">Secondary</a>
<a href="#" class="btn primary">Save changes</a>
<a href="#" class="btn js-dismiss">Close</a>
</div>
</div>

2
js/bootstrap-modal.js vendored
View File

@ -55,7 +55,7 @@
var Modal = function ( content, options ) {
this.settings = $.extend({}, $.fn.modal.defaults)
this.$element = $(content)
.delegate('.close', 'click.modal', $.proxy(this.hide, this))
.delegate('.js-dismiss', 'click.modal', $.proxy(this.hide, this))
if ( options ) {
$.extend( this.settings, options )