插件描述：多功能表单弹出层插件，可自定义，附带可运行
使用说明：
/*
* 看了下面的调用示例，你就可以自定义弹框了哦。
* - $(element).hDialog(); //默认调用弹框；
* - $(element).hDialog({box: '#demo'}); //自定义弹框容器ID/Class；
* - $(element).hDialog({boxBg: '#eeeeee'}); //自定义弹框容器背景；
* - $(element).hDialog({modalBg: '#eeeeee'}); //自定义遮罩背景颜色；
* - $(element).hDialog({closeBg: '#eeeeee'}); //自定义关闭按钮背景颜色；
* - $(element).hDialog({width: 500}); //自定义弹框宽度；
* - $(element).hDialog({height: 400}); //自定义弹框高度；
* - $(element).hDialog({position: 'top'}); //top:弹框顶部居中,center:绝对居中,left:顶部居左；
* - $(element).hDialog({triggerEvent: 'mouseenter'}); //弹框触发方式；
* - $(element).hDialog({effect: 'fadeOut'}); //弹框关闭效果；
* - $(element).hDialog({closeHide: false}); //是否隐藏关闭按钮(默认true：不隐藏，false：隐藏)
* - $(element).hDialog({resetForm: false}); //false:不重置表单,反之重置；
* - $(element).hDialog({modalHide: false}); //false:点击遮罩背景不关闭弹框,反之关闭；
* - $(element).hDialog({escHide: false}); //false:按ESC不关闭弹框,反之关闭；
*
* 也可以这样：
* - $(element).hDialog({
* box: '#demo',
* boxBg: '#eeeeee',
* modalBg: '#eeeeee',
* closeBg: 'rgba(0,0,0,0.6)',
* width: 500,
* height: 400,
* positions: 'top',
* triggerEvent: 'mouseenter',
* effect: 'hide',
* closeHide: false,
* resetForm: false,
* modalHide: false,
* escHide: false,
* beforeShow: function(){ alert('执行回调'); },
* afterHide: function(){ alert('执行回调'); }
* });
*
*下面是简单的扩展方法(以后再慢慢补充吧)
- $.tooltip('错误提示文字'); 或者 $.tooltip('正确提示文字',4000,true); //内置2种提示风格(参数1为提示文字，参数2为自动关闭时间，参数3：true为正确，false为错误)
- $.showLoading('正在加载...',100,30); 或者 $.hideLoading(); //显示/移除加载(参数1为说明文字，参数2为宽度，参数3为高度，默认宽高为90*30，可不填写)
- $.goTop(); //返回顶部,(参数1：和屏幕底部的距离，参数2：和屏幕右侧的距离； PS:自定义一定要加单位，比如px,em, 也可以是百分比哦)
PREVIOUS:
NEXT:
相关插件-弹出层
讨论这个项目（60）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
yuanhai123456 0
2019/8/21 16:46:55
7:397 Uncaught TypeError: $el.hDialog is not a function at HTMLDocument. (7:397) at c (jquery.min.js:4) at Object.fireWith [as resolveWith] (jquery.min.js:4) at Function.ready (jquery.min.js:4) at HTMLDocument.q (jquery.min.js:4)
我不是前端，我单独拿出来能使用，我在框架里引入这个插件报错，点击也不出弹窗，求解
西瓜0
2019/8/21 17:22:36
这是个低级问题，选调用jquery在调用jquery.hDialog.js你顺序错了。
<script src="https://www.jq22.com/jquery/jquery-3.3.1.js"></script> <script src="js/jquery.hDialog.js"></script>
934142500 0
2017/11/27 16:10:54
$('.dialog').hDialog('close',{box:'#HBox'});楼主,这样并不能关闭弹出框??????
跳跃的精灵1
2019/6/5 20:27:51
-
改成$("#HCloseBtn").click();就可以了
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
