启用该功能后能够通过拖动模态框的头部来移动模态框到鼠标所在的位置。
+要启用此功能需要手动设置moveable
参数值为true
。
+
+
+<button type="button" class="btn" data-moveable="true" data-toggle="modal" data-target="#myModal">默认位置</button>
+ diff --git a/docs/part/javascript-modal.html b/docs/part/javascript-modal.html index 6ea38f6630a7df17e92d03c044da6576a1cec330..2561546a3bad0468c549740d9199164929743828 100755 --- a/docs/part/javascript-modal.html +++ b/docs/part/javascript-modal.html @@ -45,7 +45,7 @@
点击按钮通过Javascript来启动一个模态框。
<!-- 模态框触发按钮 -->
<button type="button" class="btn btn-lg btn-primary" data-toggle="modal" data-target="#myModal">启动模态框</button>
@@ -114,6 +114,18 @@
+
+ 可移动的模态框
+
+ 启用该功能后能够通过拖动模态框的头部来移动模态框到鼠标所在的位置。
+ 要启用此功能需要手动设置moveable
参数值为true
。
+
+
+
+<button type="button" class="btn" data-moveable="true" data-toggle="modal" data-target="#myModal">默认位置</button>
+
+
+
禁用动画效果
@@ -224,6 +236,19 @@
默认位置是在窗口中部稍偏上的地方。
+
+ moveable
+
+ 可移动的
+
+
+
+ false
(默认),不启用;
+ true
,启用;
+
+
+ 是否启用模态框拖拽移动功能
+
@@ -302,7 +327,7 @@
-
+