对话框/Tips

Bootstrap4 多步骤向导模态窗口插件

也想出现在这里?联系我们
面包多

Bootstrap4 多步骤向导模态窗口插件-创客云
MultiStep 是一款 Bootstrap4 多步骤向导模态窗口插件。该插件可以基于 bootstrap4 实现通过点击按钮,贷款模态窗口,在模态窗口中点击前进货后退按钮,进行步骤引导。

使用方法

在页面中引入下面的文件。

也想出现在这里?联系我们
创客主机
  1. <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
  2. <link rel="stylesheet" type="text/css" href="./css/MultiStep.min.css">
  3. <link rel="stylesheet" type="text/css" href="./css/MultiStep-theme.min.css">
  4. <script type="text/javascript" src="js/jquery.min.js"></script>
  5. <script type="text/javascript" src="js/bootstrap.min.js"></script>
  6. <script type="text/javascript" src="js/MultiStep.min.js"></script>

HTML 结构

  1. <div class="multi-step"></div>

初始化插件

  1. $(document).ready(function() {
  2.     $('.multi-step').MultiStep([options]);
  3. });

配置参数

  • data[]:用于创建步骤的数据,是一个 json 数组。
  • final:最后一步结束的提示信息,默认为:Are you sure you want to confirm?
  • finalLabel:最后一步的 label,默认为Complete
  • title:模态窗口的标题,默认无。
  • modalSize:模态窗口的尺寸。可选有:sm、md、lg、xl。默认为 md。
  • prevText:向后一步按钮的文案。默认为Previous
  • nextText:向前一步按钮的文案。默认为Next
  • skipText:skip 按钮的文案。默认为Skip
  • finishText:结束按钮的文案。默认为Finish
  • $(..).MultiStep('destroy'):销毁模态窗口的回调函数。
  • onClose($elem):模态窗口关闭时的回调函数。
  • onDestroy():模态窗口销毁时的回调函数。

Github 网址:https://github.com/Kinle/MultiStep

服务范围 1、专业提供WordPress主题、插件汉化、优化、PHP环境配置等服务请详询在线客服
2、本站承接 WordPress、DedeCMS、ThinkPHP 等系统建站、仿站、开发、定制等服务
3、英文模板(主题)安装费用为120元/次,汉化主题首次免费安装(二次安装30元/次)
售后时间 周一至周五(法定节假日除外) 10:00-22:00
免责声明 本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: 2107117185@qq.com),我们会及时删除,给您带来的不便,我们深表歉意!
免费下载
(0)

本文由 创客云 作者:PetitQ 发表,转载请注明来源!

也想出现在这里?联系我们
创客主机

热评文章

发表评论

精彩推荐

Supro - 极简电商网站模板WordPress汉化主题

Envato Affiliates

本站承接 WordPress / DedeCMS / ThinkPHP 等
系统建站、仿站、开发、定制等业务!

Hi, 如果您有主题插件代购(30-600元)汉化等建站相关业务,可以 跟我联系 哦!
欢迎投稿
嘿,欢迎咨询!