Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
zzx_123123
zui
提交
4793bd56
Z
zui
项目概览
zzx_123123
/
zui
与 Fork 源项目一致
Fork自
易企天创 / zui
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Z
zui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
4793bd56
编写于
5月 25, 2015
作者:
C
Catouse
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
* change modal and modal trigger document.
上级
70d5ec0f
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
41 addition
and
3 deletion
+41
-3
docs/part/javascript-modal.html
docs/part/javascript-modal.html
+27
-2
docs/part/javascript-modaltrigger.html
docs/part/javascript-modaltrigger.html
+14
-1
未找到文件。
docs/part/javascript-modal.html
浏览文件 @
4793bd56
...
...
@@ -45,7 +45,7 @@
<h4>
动态实例
</h4>
<p>
点击按钮通过Javascript来启动一个模态框。
</p>
<div
class=
"example"
>
<button
type=
"button"
class=
"btn btn-lg btn-primary"
data-toggle=
"modal"
data-target=
"#myModal"
>
启动模态框
</button>
<button
type=
"button"
class=
"btn btn-lg btn-primary"
data-toggle=
"modal"
data-target=
"#myModal"
data-moveable=
"true"
>
启动模态框
</button>
</div>
<pre
class=
'prettyprint'
><code>
<
!-- 模态框触发按钮 --
>
<
button type=
"
button
"
class=
"
btn btn-lg btn-primary
"
data-toggle=
"
modal
"
data-target=
"
#myModal
">
启动模态框
<
/button
>
...
...
@@ -114,6 +114,18 @@
</article>
</section>
<section>
<header><h3>
可移动的模态框
</h3></header>
<article>
<p>
启用该功能后能够通过拖动模态框的头部来移动模态框到鼠标所在的位置。
</p>
<p>
要启用此功能需要手动设置
<code>
moveable
</code>
参数值为
<code>
true
</code>
。
</p>
<div
class=
"example"
>
<button
type=
"button"
class=
"btn btn-primary"
data-moveable=
"true"
data-toggle=
"modal"
data-target=
"#myModal"
>
默认位置
</button>
</div>
<pre
class=
'prettyprint'
><code>
<
button type=
"
button
"
class=
"
btn
"
data-moveable=
"
true
"
data-toggle=
"
modal
"
data-target=
"
#myModal
">
默认位置
<
/button
>
</code></pre>
</article>
</section>
<section>
<header><h3>
禁用动画效果
</h3></header>
<article>
...
...
@@ -224,6 +236,19 @@
</td>
<td>
默认位置是在窗口中部稍偏上的地方。
</td>
</tr>
<tr>
<td><code>
moveable
</code></td>
<td>
可移动的
</td>
<td>
<ul>
<li><code>
false
</code>
(默认),不启用;
</li>
<li><code>
true
</code>
,启用;
</li>
</ul>
</td>
<td>
是否启用模态框拖拽移动功能
</td>
</tr>
</tbody>
</table>
...
...
@@ -302,7 +327,7 @@
<div
class=
"hide"
id=
"modalToBody"
>
<!-- modal examples -->
<div
class=
"modal modal-for-page fade"
id=
"myModal"
>
<div
class=
"modal-dialog"
>
<div
class=
"modal-dialog
modal-moveable
"
>
<div
class=
"modal-content"
>
<div
class=
"modal-header"
>
<button
type=
"button"
class=
"close"
data-dismiss=
"modal"
><span
aria-hidden=
"true"
>
×
</span><span
class=
"sr-only"
>
关闭
</span></button>
...
...
docs/part/javascript-modaltrigger.html
浏览文件 @
4793bd56
...
...
@@ -328,6 +328,19 @@ myModalTrigger.show();</code></pre>
</td>
<td>
当为
<code>
ture
</code>
时,按下
<code>
esc
</code>
键会关闭模态框。
</td>
</tr>
<tr>
<td><code>
moveable
</code></td>
<td>
可移动的
</td>
<td>
<ul>
<li><code>
false
</code>
(默认),不启用;
</li>
<li><code>
true
</code>
,启用;
</li>
</ul>
</td>
<td>
是否启用模态框拖拽移动功能
</td>
</tr>
</tbody>
</table>
...
...
@@ -424,7 +437,7 @@ function afterPageLoad() {
/* modal trigger */
var
$trigger
=
$
(
'
#modalTriggerByFunc
'
);
if
(
!
$trigger
.
data
(
'
modalTriggerSetup
'
))
{
$trigger
.
modalTrigger
({
custom
:
function
()
$trigger
.
modalTrigger
({
moveable
:
true
,
custom
:
function
()
{
return
"
当模态框显示时,时间是:
"
+
(
new
Date
).
toString
();
}});
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录