jQuery手机端弹出框插件popups.js

所属分类:UI-弹出层

 18572  43  查看评论 (5)
jQuery手机端弹出框插件popups.js ie兼容10
/*toast*/
$('#demo1').click(function() {
    jqtoast('你点击了toast')
})
/*alert*/
$('#demo2').click(function() {
    jqalert({
        title: '提示',
        content: '自定义弹窗内容,居左对齐显示,告知需要确认的信息等'
    })
})
/*confirm*/
$('#demo3').click(function() {
    jqalert({
        title: '提示',
        content: '自定义弹窗内容,居左对齐显示,告知需要确认的信息等',
        yestext: '知道了',
        notext: '取消'
    })
})
/*prompt*/
$('#demo4').click(function() {
    jqalert({
        title: '提示',
        prompt: '请问你叫什么名字?',
        yestext: '提交',
        notext: '取消',
        yesfn: function() {
            jqtoast('提交成功');
        },
        nofn: function() {
            jqtoast('你点击了取消');
        }
    })
})
/*点击按钮跳转*/
$('#demo5').click(function() {
    jqalert({
        title: '提示',
        content: '自定义弹窗内容,居左对齐显示,告知需要确认的信息等',
        yeslink: 'https://www.baidu.com/'
    })
})
/*取消默认点击背景消失*/
$('#demo6').click(function() {
    jqalert({
        title: '提示',
        content: '自定义弹窗内容,居左对齐显示,告知需要确认的信息等',
        click_bg: false
    })
})
相关插件-弹出层

jQuery图像展示插件Strip

Strip是Lightbox的一种,它只能部分覆盖页面。这样就不会占用大的屏幕面积,适用于比较小的移动设备
  弹出层
 13785  85

表格鼠标移入同行同列变色(原创)

jQuery表格鼠标移入后同行同列变色
  弹出层
 6439  35

jQuery遮罩弹窗居中

jQuery遮罩弹窗始终屏幕剧中,调用简单代码少。
  弹出层
 29113  178

漂亮实用的提示框插件SweetAlert

漂亮实用的提示框插件SweetAlert
  弹出层
 35112  381

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币

    korb 0
    2018/12/31 10:26:42
    prompt 输入的内容 怎么 接收? ?? 一脸懵
        你的智商难道拿去买萌了嘛0
        2019/1/8 18:18:51
        知道怎么解决了吗大佬,我也碰到过这个问题了
    回复
    chenrry 0
    2018/7/13 9:16:32

    confirm弹窗,点击取消,确认事件就不能再点了

        杨xx0
        2018/7/18 16:18:42
        测试!
        share1301
        2018/10/18 15:27:14

        找到了解决方法了, popup.js 脚本中的,cancel标签 位置的param = {}; 去掉就解决啦

        al.on('click', '[data-role="cancel"]', function() {
            al.remove();
            if (nofn) {
                param.nofn();
                nofn = '';
            }
            //param = {};
        });
    回复
取消回复
  短信接口