motaij

功能描述

快速使用

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

特别说明