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

所属分类:UI-弹出层

 11262  37  查看评论 (2)
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
    })
})
相关插件-弹出层

四种简单弹窗 — 自己配置弹窗

四种弹出方式,可以非常简单的通过修改css来定义自己喜欢的样式。
  弹出层
 23212  112

响应式模态框

简洁、弹出效果好的响应式模态框,适用移动端
  弹出层
 12047  88

jQuery遮罩弹窗居中

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

jQuery弹出层插件LIGHTBOX

这款lightbox,可应用于图片、swf文件、html文件等等.
  弹出层
 54497  218

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

    chenrry 0
    2018/7/13 9:16:32

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

        杨xx0
        2018/7/18 16:18:42
        测试!
    回复
取消回复