在bootstrap模式打开时调用一个函数
我曾经使用JQuery UI'的对话框,它有open
选项,你可以指定一些Javascript代码在对话框打开后执行。我本来想用这个选项来选择对话框中的文本,使用我的一个函数。
现在我想用bootstrap's modal来做这个。下面是HTMl代码。
<div id="code" class="modal hide fade">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Modal header</h3>
</div>
<div class="modal-body">
<pre>
print 'Hello World'
至于打开模态的按钮。
<a href="#code" data-toggle="modal" class="btn code-dialog">Display code</a>
我尝试使用按钮的onclick监听器,但警报信息在模态出现之前就已经显示了。
你可以根据你的需要使用显示的事件/显示的事件。
演示。灌篮高手
Update for Bootstrap 3.0
对于Bootstrap 3.0,你仍然可以使用所显示的事件,但你会这样使用它。
参见Bootstrap 3.0文档 在"Events"下。
将不工作。使用
$(window)
代替。//为了显示
/FOR HIDDING
Bootstrap modal暴露了事件。听取 "shown "事件,像这样