* add className option to modal trigger and update document file.

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>

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];