jQuery弹出框创建实例(原创)

所属分类:UI-工具提示,弹出层

 22834  162  查看评论 (4)
分享到微信朋友圈
X
jQuery弹出框创建实例(原创) ie兼容9

更新时间:2020-07-03 00:25:48

var mModal1 = new mModal({
     title: "提示", // 标题,默认:提示
     width: "25%", // 弹出框宽度,默认 25%
     top: "15vh", // 距离可视区域顶部距离 CSS中 margin-top 值
     content: "正文内容什么", // 正文,默认:正文内容
     cancelText: "取 消", // 取消按钮文本
     confirmText: "确 定", // 确定按钮文本
     showCancelButton: true, // 是否显示取消按钮
     showConfirmButton: true, // 是否显示确定按钮
     showClose: true, // 是否显示关闭按钮
     modal: true, // 是否需要遮罩层
     customClass: "", // 自定义类名confirm
     confirm: function () {
       alert("确定弹框1");
       mModal1.close();
     },
     cancel: function () {
       alert("取消弹框1")
     }
});
mModal1.renderDom();
相关插件-工具提示,弹出层

按首字母搜索(仿携程)

城市查找按首字母搜索(仿携程)
  工具提示
 40350  435

超漂亮的placeholders提示

超漂亮的placeholders提示
  工具提示
 34222  394

jquery 工具提示插件awTooltip

awTooltip是一个工具提示插件,用css和jQuery插件创建的。 它可以显示工具提示右,左,顶部或底部的元素。 也可以使用彩色工具提示样式。
  工具提示
 33435  312

jq 提示插件

封装 jq 提示插件 Confirm ,兼容ie811chrome ff
  工具提示
 49025  407

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

    苏生生 0
    2020/7/24 13:50:51
    你试试弹出时再按space键?
        我家的猫咪叫英俊1
        2020/8/21 15:38:26
        把点击事件对应的button标签换成其他标签试试呢?button按钮点击后没有失焦,space键和enter键都会继续触发
    回复
    2o781945 0
    2020/7/4 8:25:42
    确定或者取消又弹出个窗口,是不是有点烦人
        我家的猫咪叫英俊0
        2020/7/8 17:12:04
        那是alert弹框,例子上显示提示文字的,不需要的话可以不写alert啊
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复