bootstrap 模态框modal

1. 使用前提:   加载mode.js或bootstrap.js或压缩版的 bootstrap.min.js

2. 两种触发显示:

 

• 通过 data 属性：在控制器元素（比如按钮或者链接）上设置属性 data-toggle="modal"，同时设置 data-target="#identifier" 或 href="#identifier" 来指定要切换的特定的模态框（带有 id="identifier"）。
• 通过 JavaScript：使用这种技术，您可以通过简单的一行 JavaScript 来调用带有 id="identifier" 的模态框：

  $('#identifier').modal(options)('#identifier').modal(options)

 

3. 加载remote两种方法

     $('#identifier').modal({
            keyboard: false,
    remote:url

    })

   或

<a data-toggle="modal" href="remote.html" data-target="#modal">请点击我</a> data-toggle="modal" href="remote.html" data-target="#modal">请点击我</a>

4. 遮罩层

<div  class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">

 

更多：http://www.runoob.com/bootstrap/bootstrap-modal-plugin.html