diff --git a/docs/part/javascript-modaltrigger.md b/docs/part/javascript-modaltrigger.md
index 5637d1de2eea8bb4446587af8e127f1f3ea66557..de0bca4445cca4789f6fbd6abcf5fa7e671e6ab9 100644
--- a/docs/part/javascript-modaltrigger.md
+++ b/docs/part/javascript-modaltrigger.md
@@ -283,6 +283,18 @@ myModalTrigger.show();
     </tr>
   </thead>
   <tbody>
+    <tr>
+      <td>`name`</td>
+      <td>对话框元素名称</td>
+      <td>可选，默认为 `'triggerModal'`</td>
+      <td>该名称会作为内部表示此触发器实例使用，并且会作为最终生成的 `.modal` 元素的 ID 属性</td>
+    </tr>
+    <tr>
+      <td>`className`</td>
+      <td>对话框元素类名</td>
+      <td>可选，默认为 `''`</td>
+      <td>添加到最终生成的 `.modal` 元素的 CLASS 属性上</td>
+    </tr>
     <tr>
       <td>`type`</td>
       <td>对话框类型</td>
diff --git a/src/js/modal.trigger.js b/src/js/modal.trigger.js
index 7c57b139b507329fed89879b641ba8c858a1b96e..c0c125795b3a8437b269cf6627c638e07a43223b 100644
--- a/src/js/modal.trigger.js
+++ b/src/js/modal.trigger.js
@@ -35,6 +35,7 @@
         height: 'auto',
         // icon: null,
         name: 'triggerModal',
+        // className: '',
         fade: true,
         position: 'fit',
         showHeader: true,
@@ -83,7 +84,7 @@
             if(!that.isShown) $modal.off(ZUI_MODAL);
             $modal.remove();
         }
-        $modal = $('<div id="' + options.name + '" class="modal modal-trigger">' + (typeof options.loadingIcon === 'string' && options.loadingIcon.indexOf('icon-') === 0 ? ('<div class="icon icon-spin loader ' + options.loadingIcon + '"></div>') : options.loadingIcon) + '<div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button class="close" data-dismiss="modal">×</button><h4 class="modal-title"><i class="modal-icon"></i> <span class="modal-title-name"></span></h4></div><div class="modal-body"></div></div></div></div>').appendTo('body').data(NAME, that);
+        $modal = $('<div id="' + options.name + '" class="modal modal-trigger ' + (options.className || '') + '">' + (typeof options.loadingIcon === 'string' && options.loadingIcon.indexOf('icon-') === 0 ? ('<div class="icon icon-spin loader ' + options.loadingIcon + '"></div>') : options.loadingIcon) + '<div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button class="close" data-dismiss="modal">×</button><h4 class="modal-title"><i class="modal-icon"></i> <span class="modal-title-name"></span></h4></div><div class="modal-body"></div></div></div></div>').appendTo('body').data(NAME, that);
 
         var bindEvent = function(optonName, eventName) {
             var handleFunc = options[optonName];