码迷,mamicode.com
首页 > Web开发 > 详细

模态框 modal.js

时间:2017-07-01 17:17:50      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:其他   attr   设备   元素   man   sam   重叠   body   需要   

模态框经过了优化,更加灵活,以弹出对话框的形式出现,具有最小和最实用的功能集。

不支持模态框重叠

千万不要在一个模态框上重叠另一个模态框。要想同时支持多个模态框,需要自己写额外的代码来实现。

模态框的 HTML 代码放置的位置

务必将模态框的 HTML 代码放在文档的最高层级内(也就是说,尽量作为 body 标签的直接子元素),以避免其他组件影响模态框的展现和/或功能。

对于移动设备的附加说明

Due to how HTML5 defines its semantics, the autofocus HTML attribute has no effect in Bootstrap modals. To achieve the same effect, use some custom JavaScript:

$(‘#myModal‘).on(‘shown.bs.modal‘, function () {
    $(‘#myInput‘).focus()
  })

实例

静态实例

以下模态框包含了模态框的头、体和一组放置于底部的按钮。

模态框 modal.js

标签:其他   attr   设备   元素   man   sam   重叠   body   需要   

原文地址:http://www.cnblogs.com/langwo/p/7102578.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!