基于EasyHelper的对话框组件

所属分类:UI-对话框,弹出层

 24183  340  查看评论 (13)
分享到微信朋友圈
X
基于EasyHelper的对话框组件 ie兼容9

注:jQuery库,要求其最低版本不得低于3.2.0

使用方法

1. 引入样式文件:

<link rel="stylesheet" href="easyhelper.min.css">

2. 引入脚本文件:

// es6-shim 针对的是不支持 es6 语法的浏览器
<script src="es6-shim.min.js"></script>
<script src="http://www.jq22.com/jquery/jquery-3.3.1.js"></script>
<script src="jquery.transit.min.js"></script>
<script src="easyhelper.min.js"></script>

3. 设置示例按钮:

<button id="open-dialog">打开对话框</button>

5. 创建对话框:

$( "#open-dialog" ).on("click", function () {
   Helper.ui.dialog({
       title: "对话框标题",
       content: "对话框内容"
   });
})
相关插件-对话框,弹出层

讨论这个项目(13)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    さとうダヒイ 0
    2021/4/23 13:27:01
    iframe如何设置可以滚动?
        西瓜0
        2021/4/23 14:17:13
        本来就是可以滚动的哦,超出高度会有滚动条
    回复
    さとうダヒイ 0
    2021/4/23 13:26:49
    iframe如何设置可以滚动? 回复
    坐井观天 0
    2020/5/26 16:02:12
    这些按钮怎么绑定事件呀
        13752359760
        2021/3/30 20:12:39
        使用on方法绑定呀
    回复
    坐井观天 0
    2020/5/26 16:01:36
    这些按钮怎么绑定事件呀 回复
    ─━ㄔqunar夏姬ζ 0
    2019/8/8 23:39:05
    我想把 取消 两个字删了,应该怎么做
        西瓜0
        2019/8/9 8:57:54

        很简单,只要加个css样式,把按钮隐藏掉就行了

        .helper-dialog-no{display: none}
    回复
    Gavin-康佳 0
    2019/4/3 15:00:00
    内容无法换行
        西瓜0
        2019/8/9 9:31:16
        测试没有遇到这个问题,不知道是什么情况下出现的。
    回复
    阿呆 0
    2019/2/10 17:45:08
    456 0
    2018/11/22 9:46:22
    优秀
    ~
        星空0
        2018/11/22 9:47:52
        谢谢!
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复