基于jQuery制作移动端对话框弹出层插件(jQueryAlert)

 所属分类:对话框/灯箱/提示

 浏览:719次-  下载:1次-  评论: 0次-  更新时间:2021-07-30

基于jQuery制作移动端对话框弹出层插件(jQueryAlert)

alert.js和alert.css放入同一目录,在页面引入alert.js

$.alert('弹窗文字说明', function() {
    $.toast('close');
});
$.confirm('弹窗文字说明', function() {
    $.toast('confirm');
}, function() {
    $.toast('cancel');
});
$.toast({
    content: 'toast弹窗',
    time: 3000
}, function() {
    console.log('close');
}) $.loading('加载中');
setTimeout(() => {
    $.hideLoading();
}, 3000) var html = '<input type="password" name="pwd" placeholder="请输入"  />'
$.confirm({
    title: '信息标题',
    content: html
}, function() {
    var password = $('input[name="pwd"]').val();
    if (!password) {
        $.toast('信息内容');
        return false;
    }
    $.toast(password);
});


金币说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值金币充值会员更多说明»
描述:基于jQuery制作移动端对话框弹出层插件(jQueryAlert),包含:alert弹窗、confirm弹窗、toast弹窗、loading弹窗、自定义弹窗。

文件目录结构

  • ┝ alert.css
  • ┝ www.zzsucai.com.txt
  • ┝ 站长素材网.url
  • ┝ index.html
  • ┝ jquery.min.js
  • ┝ alert.js

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!
我的金币余额: 0 已下载次数: 1
所需金币:12开始下载

金币获取:签到、评论、投搞、充值、发帖、回帖    » 在线充值(10金币=1元)