/*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 }) })
如果输入框需要增加非空判断,可将 popups.js 的 prompt 部分改成如下代码:
if (prompt) { $(document).delegate('#yes_btn', 'click', function() { let value = $('.prompt-text').val(); if (value == '') { jqtoast('内容不能为空'); return; } setTimeout(function() { al.remove(); }, 300); if (yesfn) { param.yesfn(); yesfn = ''; } param = {}; }); } else { $(document).delegate('#yes_btn', 'click', function() { setTimeout(function() { al.remove(); }, 300); if (yesfn) { param.yesfn(); yesfn = ''; } param = {}; }); }回复
confirm弹窗,点击取消,确认事件就不能再点了