模态对话框

Inspinia 模态对话框

模板是灵活流线型的,对话框提供最低要求和智能的功能。

您需要添加 .inmodal 类的HTML结构的元素来实现一个自定义的inspinia模态。 模态包含标题,内容和尾

可选尺寸

模板有两个可选的大小,可通过放置.modal-dialog来改变尺寸

动画效果

您可以添加任何动画效果到您的模态窗口。只需从动画页面中提取一些效果并将其添加到.modal-content 元素中.

选项

选项可以通过数据属性或JavaScript。对于数据属性,附加的选项名加在data-后, 如 data-backdrop="".

名称 类型 默认 描述
backdrop 布尔或字符串'static' true 包括模态背景元素。另外,指定static对于一个不关闭模态点击。
keyboard 布尔 在按下键时关闭模式
show 布尔 显示初始化时的模态。
remote 路径

这个选项是是V3.3.0中的,它将在v4中被删除。我们建议使用客户端的模板和数据绑定框架,或调用jQuery.load

如果提供远程网址, 内容将被加载一次 通过 jQuery's load 方法加入 .modal-content类在 div中. 如果你使用的是data-api,你可以使用 href 属性指定远程源。 请看下面的一个例子:

复制
<a data-toggle="modal" href="remote.html" data-target="#modal">Click me</a>