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

所属分类:UI-弹出层

 15437  41  查看评论 (3)
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
    })
})
相关插件-弹出层

vue弹窗插件vuemessage

一个基于vue的弹窗插件vuemessage
  弹出层
 21534  41

jquery网站功能介绍步骤

网站功能介绍步骤,可以引导用户该怎么操作,或者应该做什么
  弹出层
 17476  153

jQuery遮罩弹窗居中

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

flavr—超级漂亮的jQuery扁平弹出对话框

flavr是一个时尚的扁平弹出对话框为您的下一个网站。 flavr是响应设计布局,能够适应任何屏幕大小。 得到最好的用户体验,使用流行的animate.css动画,最重要的是,flavr可以运行在任何新的浏览器IE8(+),任何设备和屏幕大小。
  弹出层
 90800  709

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

    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 = {};
        });
    回复
取消回复
  短信接口