motaij

功能描述

  1. jQuery Bootstrap弹窗加多步骤向导

快速使用

需要调用 

  1. html button 出发弹窗
  2. <button class="btn btn-lg btn-primary" data-toggle="modal" data-target="#submitModal">打开向导模态窗口</button>
  4. 有一个div作为容器存放
  5. <div id="submitModal" class="multi-step"> </div>
  7. js步骤联
  8. $(document).ready(function() {
  9.     $('.modal').MultiStep({
  10.         title: '步骤框',
  11.         data: [{
  12.             content: 'Hi!!',
  13.             label: '自定义标签'
  14.         }, {
  15.             content: '这是一个多步骤模式'
  16.         }, {
  17.             content: `你可以选择跳过`,
  18.             skip: true
  19.         }, {
  20.             content: ` < small > 您也可以包含HTML内容！ < /small><br><br>
  21.             <div class="form-group">
  22.                 <label for="exampleInputEmail1">电邮地址</label > < input type = "email"
  23.             class = "form-control"
  24.             id = "exampleInputEmail1"
  25.             aria - describedby = "emailHelp"
  26.             placeholder = "Enter email" > < small id = "emailHelp"
  27.             class = "form-text text-muted" > 我们绝不会把你的邮件告诉别人。
  29.             < /small>
  30.               </div > `,
  31.             skip: true
  32.         }, {
  33.             content: `这是结束 < BR > 屏住呼吸，数到十`,
  34.         }],
  35.         final: '你可以有你自己的最后消息',
  36.         modalSize: 'lg'
  37.     });
  38. });

特别说明

无