UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

jQuery弹出层插件pop(新)

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

 39143  358  查看评论 (35)
分享到微信朋友圈
X
jQuery弹出层插件pop(新) ie兼容12
 查看演示  立即下载

更新时间：2020-02-19 23:59:11

更新说明：修复news方法 不正常显示的问题

更新时间：2019-09-24 00:10:08

更新说明：修正2个错误

更新时间：2019-08-26 01:15:33

更新说明：

1. 文档插件显示错误更新下

2. pop JS版本更新剩余BUG

更新时间：2019-08-21 00:08:13

更新说明：少上传一个版本，最新版本移动端不支持。

文档插件有点问题，更新了下

更新时间：2019/8/19 下午1:06:07

更新说明：原生JS从新编写

更新时间：2019/8/5 下午8:48:45

更新说明：

  • 修复 mask层点击时可能发生的置顶层问题

  • 修复 mask不根据全局配置z-index数值进行更新显示的问题

  • 修复 mask扩展事件close参数值不正确问题。

更新时间：2019/6/24 下午7:51:00

更新说明：

1. 遮罩层独立调用

2. 修正img方法

...

更新时间：2019/4/13 下午2:19:44

更新说明：增加一个图片预览层，写的比较简单 后期会慢慢美化界面。

修复很多BUG 和 问题，具体请参考文档。

更新时间：2019/2/9 下午2:47:19

更新说明：视觉效果兼容 bootstrap

更新一些历史书写问题

更新时间：2019/1/20 下午11:26:05

更新说明：新增 tips、更新代码逻辑

更新时间：2019/1/2 下午8:41:45

更新说明：代码静态化

更新时间：2018/12/20 下午9:28:55

更新说明：

  • [更新]pop.cfg不在支持获取版本号。

  • [新增]pop.edition属性，用来获取当前pop版本号。[新增]pop.clientInfo属性，用来获取当前设备类型。

  • [新增]pop.pcIn属性，用来判断设备是否是PC端。

  • [优化]减少css过渡效果对pop弹出层的视觉影响。

  • [更新]pop.cfg开始支持简写模式

  • [更新]修复弹出层buttonSpcl属性为空时也会得到一个透明按钮错误显示。

  • [更新]pop.iframe的属性src优化，当第一个字符为:时访问本地文件。

更新时间：2018/12/11 下午10:07:18

更新说明：修复演示单页点击无效问题，需调用2.0以上版本jQuery库

更新时间：2018/12/4 下午8:24:29

更新说明：修复介绍单页问题

更新时间：2018/12/3 20:32:35

更新说明：新增一个弹出层，用于提示等待或者加载信息，制作的很简答。我个人觉得够用就行。。。目前有个bug 在ie浏览器没有动画效果，目前不知道怎么回事，后期更新会兼容ie

更新时间：2018/11/27 下午1:39:48

更新说明：优化代码结构，主要是为了删除多余重复代码，修复一些事件对象重复绑定 无效绑定的问题。

遗弃margin-left+left居中定位方式，直接使用left居中定位，虽然窗口大小改变会造成位置偏移，但是层动画过度效果更加优秀。

修改一些值让插件更加自定义化，增加版本号信息，新增弹出层。

兼容IE浏览器 更多浏览器没有测试。。

具体使用方法都写在文件种了，点击查看演示就可以了。

之前写了一个：

http://www.jq22.com/jquery-info17415

写的很随意，有一些缺点，也很多人跟我讲了，但是我给忘了。。。 我主业毕竟不是做这个的，这些全部都是爱好。

最新的pop 写的比较全面 如果有什么问题请告诉我 Q 845875158 杨小样

需要注意的是 JQ最好使用最新版本 浏览器兼容性我没有测试 只要支持css3 和jQ2.0版本以上基本上没有问题

相关插件-对话框,弹出层
查看更多

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

    MountBlade 0
    2022/3/11 16:22:45
    谁能给我发一个，为什么我下载要2个币 回复
    大碗茶 0
    2021/7/27 19:47:27
    遮罩层如何改为当前窗口高度自适应，不绑定body可以么，有办法么 回复
    hanxingo 0
    2020/11/12 16:31:35
    pop.cfg({
    resize:true
})

    还是不起作用啊

        杨小样同学的快乐生活1
        2020/12/24 13:48:51
        这个配置意思是但在出现滚动条的页面呼出pop时，那么会对pop在整个页面中的位置进行修正，否则会显示在整个页面中央而不是可视文档的中央
        小伟0
        2022/8/23 22:02:11
        这个配置意思是但在出现滚动条的页面呼出pop时，那么会对pop在整个页面中的位置进行修正，否则会显示在整个页面中央而不是可视文档的中央
    回复
    冰冻之心 0
    2020/6/26 22:41:33
    弹出框，带一个确定按钮， 点击确定按钮的时候怎么提交弹出框的表单呢
        杨小样同学的快乐生活1
        2020/12/24 13:50:22
        pop.alert('提交表单', function() {
    $.axaj({
        src: 'XXXXX',
        data: {},
        type: 'post'
    });
    // 这是销毁当前层方法
    this.colse();
});

        明白了嘛？

    回复
    52COVER 0
    2020/5/4 5:00:30
    不停点击会出现无数个重叠提示框- -还有内容比较多的时候 尤其是有了滚动条以后 提示框不会在现有的地方显示居中...而是在整个页面高度中间居中。。。如果用户在底下点击提示要滚动到上方才看的见。。。
        杨小样同学的快乐生活1
        2020/12/24 13:50:56
        设置pop.cfg({resize:true})即可
    回复
    52COVER 0
    2020/4/28 14:10:40
    pop.cfg("window", true); 用confirm的时候出错，会直接执行，没有验证。。。
        杨小样同学的快乐生活1
        2020/4/28 20:50:03
        confirm原生与pop写判断是不一样的，仔细看下文档吧
    回复
    ─━ㄔqunar夏姬ζ 0
    2020/2/25 0:32:14
    我想让这个插件的窗口在页面打开后自动弹出怎么搞
        杨小样同学的快乐生活1
        2020/4/28 20:50:29
        在body标签最后面 写就可以了
    回复
    竹林风 0
    2019/8/1 13:33:37
    很好，我一直用layer，layer算是功能最齐全的，但是就是不知道为什么项目用了后总感觉格格不入，感觉UI不搭，试试这款看看 回复
    精品人生 0
    2019/4/11 8:49:58
    下载的最新更新的JS代码，发现一个问题，使用pop.(）时，其中scr="www.baidu.com"时，模态窗的title显示的是ww.baidu.com;如果scr="http://www.baidu.com",则title显示的是“ttp://www.baidu.com”。截了图，但评论里好像无法传图。
        杨小样同学的快乐生活0
        2019/4/13 14:31:56
        额.. 确实少一个字符。
        2.7.3 修复了，下载2.7.3以上版本。
    回复
    联创教育-何爽 0
    2019/4/5 19:54:26
    你好, 有未压缩的源码吗?
        西瓜0
        2019/4/5 20:13:51

        代码格式化工具格式一下就行了。

        https://www.jq22.com/jsgsh
        联创教育-何爽0
        2019/4/5 23:19:00
        格式化以后看着也很费劲, 想要作者没有压缩过的代码学习一下
        杨小样同学的快乐生活0
        2019/4/8 19:31:09
        写的比较烂・・
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复