// 封装模态框_提示框 // 提示框 // 图标 base64 码 全局变量 // 默认图标 var info_modal = 'data:image/png;base64,ivborw0kggoaaaansuheugaaacaaaaagcayaaabzenr0aaadluleqvryr82xs4hbdrjfz7l3zsaramzrycq31lft5a64qerfhykk9bfwxmjru/cxkbjzaxymdys0yywu1j3oqt2otnq+wekxogic+ggx0t44vldntqjw7lrok53ce+smtuw6j/wtrmq295zz/e6xf/75puiif9hoftenhvwu76fc2wbeqahfykjgumcylh7wu6l/wohnndxnnqjys+2xa7pyev7ujokxlr6uexdfka3x/jh0d61afguymchfbyxhvgcbsfitwhqfcwghvc1yy0uv+dnc3gub3g3bnatebzlop/acrtqjcym/5nw4x868ao54sbkrxm/3rrcclrdbwtp+qppmhzo5ag4huavc+0tvvfywhpc4vjiw+qarognafal0fclwq9yhrbmvrdbj2pan/pbkz7wezobcsjpartn4az9sua5en7fh2ol7zinzadkf6buwdng4cjjws84odsl2v51+mcbzpt6krfsmvesxsb7eatc/tyfkcccha/klm7syfwhqlbtx99ip1qgcv6cuwxyamyr7jeoav/zvqrewkafbcmyjjjh7dqaztslp8wy1a5nx0pclak9pqmpj/h3e9wtwte/lko+l9lcb3hxqidfqgilhdvc/1vxcopl3mvpjnyccn3w8ksbgptgb4ngjagnmmje+vfhrbi0p0g6pgvnpiwts8lpok7uohcjxt1gacjrsvvzo9sp6b24ylw10kyoa+f8foornnxvodaawdrdgetoa+el527501q9blp+mpr0bsad9l33fuq4ugu0enjafihwviaoty6njzggw3fecpzo6hesc0hgim/nssmvoj3ehhpdu6xnuz/x9we1arrsyqzv8mkbrmhhrgi6ojvdvo5dmlxotxeejo4tonl9btahetxdel9myvhcszp7qrsj4nn2m8srer/lbvmyafx2btswqy6vju0v24dftp0d0tsqqtn/30koxrg7qzn0uyadwvkmqsjlkykvi8fmivkmytr1pajh/ie0gscekpfongn1+1nm45m+abzl50ioipejyeacffvnj+kow1zyoqxngsky+ddsrffrfjgsadyfvjt9phpz/dau1uos6ltcg6osj8rgbu51zuvtmitt+8eur/h8x8hqtzu7e1pum+yzjahb/uvf8a0lwswupq8tpv/kbc+gtivuqyykqufytupycn7psfyaetuy7zdqb07bodp8ahhswmkzhltwaaaaasuvork5cyii='; // 成功图标 var success_modal = 'data:image/png;base64,ivborw0kggoaaaansuheugaaacaaaaagcayaaabzenr0aaadd0leqvryr82x328uvrzfz5ntrgj4k+rolteauv80mueninhfs/iaxl+j8ufejcaw3emdis/6d/gs4k4j8cxgiwkmich60j2xpsj6ijeay4yx+gumldcaudn2d46zku3+mmv3yxact5m595zpnpu9c+8lbvdfg+ypzgg8l9dltheq0joctgm0kwwstqrwhtkfar4sje9nbl08hucpl3xycr0bplz8vktiaydu6equwo9cud+wxk62a39vgdsnx8skl5ifghiinvdce0ef/ztu7ll/2hyr/i0b0m7ukyjhan6+gvnkh0f+mxhxbtizitojbtcl+acn8pnrma7tkyemyyfz673tjzpnajmivvnudwq39gog0pew87fw4f97chdqdzsa0q59hscoxpqvdid0isg6z7qewk528co1mk/wrdguwgmtlftqagizxv4cwht6asdhsoa3slxj4n6qps76lrotcsdlju5oqlgv2i1qzf42ndg37jznepkriidqncoy7pvnhvw5erasqma13wbwvrdmje1rzc2j0a1gozxotdwkxp8zdg7uaxtzp0huuhaawvo7jkbut5qsuyrttzrsmt/rpf8hkc7a0yq2rx5a8yxcimjpj488qpzntvp1s/g6ybawz9qvircy9uxfan2ra9c8wp7aknyfgs89ldcmqmpva6kl/efnnbsbapilbjnxnsqdfxmk0dseg/4dvfomm3temlwst1z1q5oaaktd/c8et8r1lfhbomij/4qhhklcvm1nl7etotfoyko7fknlo7akoxulcbjkf2wckl+ywi6lg85vpmu/quh9ahcedkwxm66dnyatana3m78y4vg4saovddunbu2x+kq7zg8c9k0v/2pzmjpvjf2ylub2gjzeavjiggknyepz+7feic/ajn1psiz2bwmh56j2pms/s+bot8urlrcgw4em6xkizklgs38fsfydrs5jp/yzfuhxdqs3bvfikysmtmjfasn942edhyv3drxd6wik4ryotd3exgxaoj8ttmycra/xcjkgdny3nodqe2ved3j7t0dgtwrv7irano073pbuissajvukqeapndawo1t4slhzumxkewjfsmfx4j7o/7str6u13dgxdond634wqyuscjrtufemnq0xrzpyjmtpen4061uxdl0da2lc0f4pekyxmjxpyriaaaaasuvork5cyii='; // 警告图标 var warning_modal = 'data:image/png;base64,ivborw0kggoaaaansuheugaaacaaaaagcayaaabzenr0aaac8eleqvryr8wxtuhuurthf0ftoewqfbmokkjirsotciwoidcqtwccrkgl84aellmlqgqkwpbvvblxiruxfay0j00fegsr1cii0igmhcrpe0k5j+4bjsdxpu4bhzzb9///z/+de++55wo+qq+xiglqudyds4dlcdgub8aywgcmicpxxm1ljrdqoxtznqaeq8boodgrr/md8aqlikhu5tlpaedbkkkcjoqzwipcqhm+v0iisod+tpy0btrlacp9hno8eyftfdgldpfsac0wofcpzx6pgcocjj+sulop46jum5mso82aupqafcamy+rfgbggxhj/txzqshnoafqsxirjeqdlydxeayr2kx6cf4ezcey/cqjlxqdhskqzlyblcaxezihz+whfnsbhtws8zcyz4jvegujyaskyja5rp+00f7pz7eizkcdvyqzoahft2b5qdgbimrskwo14buj8qlj9xw0olyvijwiecmk885g8mbxaw7jloi5+y18oa8zckzfgjtkroaiasemkhnhojswcgfb6jif+hko5mvdalmfahn1/9scw/sedpgk9cht8vmbenkmmpvfkgwfcp4bzhi9mbvwg4jtcrju0m+j1ktd7vevbf3qza01axddx+yrqivkjepdiqw8nabxtydel3kyxczzli0f2sow1ivb8amgrrwtkbeiugezprfjniw/vxaeibua6bynihg+bx8bmcxjj8epx8udgqq+nvjomjc8dzknttbs4iw71yvh1uqk0wvgvyyqn4vb7ykcywnmsratgutjssdhwdnhuyd8ndr0gmzotngnvdm8diinbwt4sudhakdfjglkiqu4ksdonyj+lbdoumlhlmbypmrylt8bpdjjxrbphsjwoluh5yys7pixrzerml1f8trhqkp6gpea4ia4/u/1mbt4aphr11nal7y+m4d6jtomqeuk/tfp1pw1rh9bs/tifp0a3o9ysnmlzzfszsaikez6bj7qjsxyf538b0n8bzanhyr0aaaaasuvork5cyii='; // 错误图标 var error_modal = 'data:image/png;base64,ivborw0kggoaaaansuheugaaacaaaaagcayaaabzenr0aaadd0leqvryr9wxs4gcvrsg/79qengjk3vlhc+4fbvd6cjipqsmexyshupczcgo+aqiqoaludsfgqajgeuxkigujaoshyqg0z2jc4ueykcereqii2jd7owmidpt9uu16xl0v1f1tnmea9x0veec75zz31o3inp88dthx/8pode+emws+jeswivxpjiegf8f/ywee4np9+1yqtpxbqr4jsi4w9djac8ucibphutlbvf2vjfxblmkkgwcyn8p4gvlzhavszjkecmdzrlxdzfdiyclzo2s9zajm5ctfh6v1ctwokm513vz9wsik/ywevxoomadrosemfx3yp6vxia4spda3d9w5nmrlg62tfquzqvcabcgb0bcsrlzl/iqm6vdwu7f8cv+uwbcxuza83z2brd2kfgybbytocm3sef3j3py4l0a1nf7sj+xtfpzxqa9smeklwyqfv9oxw5iic9arl4sqgqiucaouh9cgdwl4ulogoyibjv3fk+a42pbusd9zoswxjriay4cnzr9yuxmeoc7ay609konkg3nvoogi8w6ihtanpxnx0+av41oz+5vry1pgyvmxyd3vq/es/htlf5ef/buh4calwbt6uljameypmnz8hq4ziyfv6divjkedgruhr4a9nmatxwltw6jkna6/r2rmm2+ksnzrvg43qjxs176wjgnenpw4kwjrwdpbuk7e+reufp1lekamungd9neerjmbsh7bosqulvhc1ulb/ppaakojstnsn3lhxbqlwoqtduouu0dt0dccxjaeey6b9y4uvxgl63fkbkn4gcgs94v6ru2wr9vubge8jhcz6qnr9onqedjdjxqubbf0rtfecuinbca3phciqp85sg5dj64mpx81czq7pxjkihwiathj+n9urxi/nsrpqjw8k4isluzt1o/gygo7q6sw3msiw01pqdwetzde7/i17qn9shbbbrvkxrfpvriqtxbcgn3enju1okxcgeuyaqu+ypii8ouvzx1ayftn/gl3idmicc/bwin2k+b8mpvf4tu9no5dythce8ntbfiygzlfkevacwbbd0qvn2redugfiut8vbqdtt6mq73uspkiju2rquqbcimt13l7xh0wj/x8lcm4m0rci3vpg99mmi/mdcfrq+ttkjezfa/tfzcianryjjbm999awcyep8a7tskmoyqwneaaaaasuvork5cyii='; // 关闭图标 var close_modal = 'data:image/png;base64,ivborw0kggoaaaansuheugaaacaaaaagcayaaabzenr0aaacfeleqvryr+2wtwstqrjh/08mlxepkiohqcrlbrx0iphcay2ih/opqpyjcesqjxliy7ahn8ktivzvhb4aqej70v5fuswlkmshryzywjztd3ydwq/d487m8//nf5555igk/fhk+jgd+h8dcf33wwg0+lstvo+myznms3kun8/fdhzny1icuaeuus8bvalq9zxvosmeec9ms+8a3axwukr5oghxesb5zn5prpcaba+hw2e1wu0wjhonrmouuci8bxcfmxei6kmu8rcvgjmklpjd9lxwy5vk5zcnrkvvuicemoz8nhet69qknbaangdcafbza70qbaguugrgfcctkpfiadoh2+1e1fqbgbmiaetsyh9hthhxzt4konkauwawwmz3r7w6hn4izt4xqjxxhoebp5drule01mvh4kkipvkp9dpqykwagk4w8xchxknjiha7fzwi1onohtm5rbjvefh38m+jlqa3dqqzl5rxtcbzacc1uokxacycxq93etwerxsiaf8biktiiqbcimyvwlbhtsjgigvcmmn7uvxusvgsfo9koutcdfigvzgzh0xsjlpuiiqqj20yp7edqszhobbm9hqmwohslcvb8zk+rghx2t7hgwd4mozklaonigrjtj3pe5g0jfn1rayxwsmxy2+sc1gn03k4gaz69xr9t9zq5p+fqcmdrjduwut+ig5g2/lnakk78bd192wwo+7w4aaaaabjru5erkjggg=='; // 问号按钮 var question_modal = 'data:image/png;base64,ivborw0kggoaaaansuheugaaacaaaaagcayaaabzenr0aaadluleqvryr72xxwhuvxdhf7mjpylcjdwkulolvwmgvhscuiguffadioqyiuapjd5nuwqxxra2nf1aaqwp4efwbygwth0rqhuunwqhhbrnihheujwcdziepcgka7i75dw9m+xudu+9m9se1/of//zpndlzzosas/dtqimrgi3aqotnusqabeif0avcrjjhp/wow4kfory/kj5klqpsqdmmuokht/vdkn8xxifygssu78orqbsp5gw2i3wkzajoobs2bhzoxxyqrszycequoicpo4gw4m0pos40u34lzjqp42e23yqbguvvlmsir/wnzidibhhwybza03kzbgiuosjtcc/6olc6eazcnlq5sthajvrtzgj5j0cp/nebbpbp4cbwrl7nygjcv4rokrr+smdpm88wqdxkfua5jwp8biwvh1gdmraq5wugwcn5h0usszl2k3qelshxhlspqj3oaul8asz24ppyiuwdf6bhkcfea+bzd+xlxogqg/ejhakrbwzz/cbqlw7h3f0mvijc8bdwn8ll4jdorkcjnagoh0gbrkiy2neaw0drjlyyvikct7ifff7rpnfoepfu+hnwsadpxofle7ofedbkedsqdm9bad8aozwi2k8z5ajhwyfy0sfrt6j8j9ab7lwv5sqrprjhnhwwg2j05bvwi0y5cnt5prsgaowkrfhui2ueb/i0u06innevsyztmmuieeukhk49xeyk6fet4co1e4fowctwdnzjeqyqwn63pz+lepylvo4aaaaaeruop55uwdzrlut8h0k9n5g7r4yykxhcmbniydkonzhv8j5/2sqzvxbbyc4lzijwb1gu2cgdmkbaajlt8mknolqmk4tdldfbwjzro7ylcmikh2g1etgm1bzsnpnkrio8vtahndir8k7b+vivmxkh2oa/g+glgguig4kw4lzc7zcs+ygnaxqbbi4nddmr9rmzn21lwseyjohslbe2jguco4ie932+42x39wbta0wekhhka+trysrzahre9ibenagfbiabxekwx+aaf91pj1a+kajms0rriik0zjnqpiogd0tmk9kcoa2y7xsj5qrcdxsf6xfe97wb/e1pytjt6ca49fta8hdvsi0vbr3+x4pjz8qjbxpmxior7hp3ah/5/uv5y58czcr4vslec8ge3nakpxll95sh02y14+o5atsure54dizpzepf3sk4oz7hubb0pp8x+s83wfbjv84aaaaasuvork5cyii='; function $modal(data) { // data 必传 且为对象 // 赋值默认参数 if (data === undefined) { data = {} } // 弹框类型不传默认为 alert if (data.type === undefined) { data.type = 'alert' } tipiconimg = ''; //提示显示小图标 // 提示类型 默认不传为 info if (data.icon === 'success') { tipiconimg = success_modal } else if (data.icon === 'warning') { tipiconimg = warning_modal } else if (data.icon === 'error') { tipiconimg = error_modal } else if (data.icon === 'question') { tipiconimg = question_modal } else { tipiconimg = info_modal } // 弹框显示时长 confirm 下无效 if (data.timeout === undefined && data.type != 'confirm') { data.timeout = 2000; } else { // 最短显示时间为500 data.timeout < 500 ? data.timeout = 500 : data.timeout = data.timeout; } // 过渡动画 if (data.transition === undefined) { data.transition = 200 } // 遮罩层参数 if (data.mask === undefined) { data.mask } // 最小宽度 if (data.width === undefined) { data.width = 300 } // 禁止页面滚动 if (data.pagescroll === undefined) { data.pagescroll = true } // 提示框标题 if (data.title === undefined) { data.title = '提示' } // 遮罩层关闭 if (data.maskclose === undefined) { data.maskclose = false } // 取消按钮文字 if (data.canceltext === undefined) { data.canceltext = '取消' } // 确认按钮文字 if (data.confirmtext === undefined) { data.confirmtext = "确认" } // 距离顶部距离 if (data.top === undefined) { data.top = 100 } // 是否绝对剧中 if (data.center === undefined) { data.center = false } // 公共计算当前元剧中top 值 function calculate(e, sun) { if (data.center) { var tipheight = e.height() + sun; console.log(tipheight) var windowheight = $(window).height(); console.log((windowheight / 2) - (tipheight / 2)) data.top = (windowheight / 2) - (tipheight / 2) } } // 生成相对唯一id 保证弹框绑定id唯一 保证事件绑定不重复 （此处用于保证弹框内层 继续 弹框 不出现事件绑定重复） var idtext = "modailitem"; var date = (new date().gettime() * math.random() + '').substr(0, 10) idtext += date; var titlesize = 16; //标题文字大小 var fontsize = 14; //字体大小 // 创建最外层元素 if ($('#modail-dialog-box').index() < 0) { var modelbox = '
' $('body').append(modelbox) // 设置样式 $('#modail-dialog-box').css({ fontfamily: '微软雅黑', fontsize: fontsize + 'px', color: '#666666', }) } // 生成 message 提示 if (data.type === 'message') { $('#modail_message_box').html(''); $('#modail-dialog-box').append('
') // 设置message提示框长度 var width_s = 40 + (fontsize * data.content.length) + fontsize + 4; // 不需要遮罩层 $('#modail_message_box').append('
'); // 添加左侧图标 $('#' + idtext + '_box').append('
'); // 提示内容 $('#' + idtext + '_box').append('
' + data.content + '
'); if (data.closable) { // 右侧关闭图标 width_s += fontsize + 4; $('#' + idtext + '_box').append('
'); } // 设置外层框样式 $('#' + idtext + '_box').css({ width: width_s + 'px', padding: '10px 15px', background: '#fff', boxshadow: '0 1px 6px rgba(0,0,0,.2)', borderradius: '5px', position: 'fixed', left: '0', margin: 'auto', right: '0', opacity: '0', }) // 设置文字内容框样式 $('.' + idtext + '_item.item2').css({ margin: '0 8px' }) // 设置文字关闭按钮靠边样式 $('.' + idtext + '_item.item3').css({ position: 'absolute', right: '15px', cursor: 'pointer' }) // 设置内层框公共样式 $('.' + idtext + '_item').css({ display: 'inline-block' }) $('.' + idtext + '_item img').css({ width: fontsize + 4 + 'px', verticalalign: 'top', position: 'relative', top: '1px' }) // 计算 距离顶部距离 calculate($('#' + idtext + '_box'), 20) $('#' + idtext + '_box').css({ top: data.top - 60, }) // 显示动画 $('#' + idtext + '_box').animate({ 'top': data.top, 'opacity': '1', }, data.transition) // 关闭动画 function close() { $('#' + idtext + '_box').animate({ 'top': data.top - 60, 'opacity': '0', }, data.transition) // 删除dom settimeout(function() { $('#' + idtext + '_box').remove(); }, data.transition) } // 定时关闭 var timers; if (!data.manual) { timers = settimeout(close, data.timeout); } // 按钮关闭 $('.' + idtext + '_item.item3').click(function() { // 清除定时器 clearinterval(timers) close(); }) } else if (data.type === 'alert') { // 是否禁止页面滚动 if (data.pagescroll) { $('body').css('overflow', 'hidden') } // alert 提示框展示 // 添加 alert 提示框 $('#modail-dialog-box').append('
') // 是否添加遮罩层 if (data.mask) { $('#' + idtext + '_box').append('
') // 设置mask外层弹框样式 $('.' + idtext + '_mask').css({ position: 'fixed', top: 0, right: 0, left: 0, bottom: 0, background: 'rgba(0,0,0,0.4)', }); } // 生成中间层 $('#' + idtext + '_box').append('
'); $('.' + idtext + 'centerbox').css({ width: data.width + 'px', padding: '20px', background: '#ffffff', position: 'fixed', right: 0, left: 0, margin: 'auto', borderradius: '5px', boxshadow: '0 1px 6px rgba(0,0,0,.2)', opacity: '0' }) // 生成头部以及提示内容部分 $('.' + idtext + 'centerbox').append('
') // 添加左侧图标 $('.' + idtext + 'title').append('
'); // 提示标题 $('.' + idtext + 'title').append('
' + data.title + '
'); if (data.closable) { // 右侧关闭图标 $('.' + idtext + 'title').append('
'); } // 设置标题框文字样式 $('.' + idtext + '_item.item2').css({ margin: '0 8px', fontsize: titlesize + 'px', color: '#333333' }) // 设置文字关闭按钮靠边样式 $('.' + idtext + '_item.item3').css({ position: 'absolute', right: '15px', cursor: 'pointer' }) // 设置内层框公共样式 $('.' + idtext + '_item').css({ display: 'inline-block' }) $('.' + idtext + '_item img').css({ width: titlesize + 4 + 'px', verticalalign: 'top', position: 'relative', top: '-1px' }) // 设置提示框 box 样式 $('.' + idtext + 'title').css({ marginbottom: '10px' }) // $('.' + idtext + 'centerbox').append('
' + data.content + '
') // 设置样式 $('.' + idtext + 'body').css({ padding: '0 ' + (titlesize + 10) + 'px' }) // 计算距离顶部距离 calculate($('.' + idtext + 'centerbox'), 40); $('.' + idtext + 'centerbox').css({ top: data.top + 40, }) // 显示动画 $('.' + idtext + 'centerbox').animate({ 'top': data.top, 'opacity': '1', }, data.transition); // 关闭动画 function close() { $('.' + idtext + 'centerbox').animate({ 'top': data.top + 40, 'opacity': '0', }, data.transition) // 删除dom settimeout(function() { $('#' + idtext + '_box').remove(); if (data.pagescroll) { $('body').css('overflow', 'auto') } }, data.transition) } // 定时关闭 var timers; if (!data.manual) { timers = settimeout(close, data.timeout); } // 按钮关闭 $('.' + idtext + '_item.item3').click(function() { // 清除定时器 clearinterval(timers) close(); }) // 遮罩层关闭 if (data.maskclose) { $('.' + idtext + '_mask').click(function() { // 清除定时器 clearinterval(timers) close(); }) } } else if (data.type === 'confirm') { // 是否禁止页面滚动 if (data.pagescroll) { $('body').css('overflow', 'hidden') } // alert 提示框展示 // 添加 alert 提示框 $('#modail-dialog-box').append('
') // 是否添加遮罩层 if (data.mask) { $('#' + idtext + '_box').append('
') // 设置mask外层弹框样式 $('.' + idtext + '_mask').css({ position: 'fixed', top: 0, right: 0, left: 0, bottom: 0, background: 'rgba(0,0,0,0.4)', }); } // 生成中间层 $('#' + idtext + '_box').append('
'); $('.' + idtext + 'centerbox').css({ width: data.width + 'px', padding: '20px', background: '#ffffff', position: 'fixed', right: 0, left: 0, margin: 'auto', borderradius: '5px', boxshadow: '0 1px 6px rgba(0,0,0,.2)', opacity: '0' }) // 生成头部以及提示内容部分 $('.' + idtext + 'centerbox').append('
') // 添加左侧图标 $('.' + idtext + 'title').append('
'); // 提示标题 $('.' + idtext + 'title').append('
' + data.title + '
'); if (data.closable) { // 右侧关闭图标 $('.' + idtext + 'title').append('
'); } // 设置标题框文字样式 $('.' + idtext + '_item.item2').css({ margin: '0 8px', fontsize: titlesize + 'px', color: '#333333' }) // 设置文字关闭按钮靠边样式 $('.' + idtext + '_item.item3').css({ position: 'absolute', right: '15px', cursor: 'pointer' }) // 设置内层框公共样式 $('.' + idtext + '_item').css({ display: 'inline-block' }) $('.' + idtext + '_item img').css({ width: titlesize + 4 + 'px', verticalalign: 'top', position: 'relative', top: '-1px' }) // 设置提示框 box 样式 $('.' + idtext + 'title').css({ marginbottom: '10px' }) // $('.' + idtext + 'centerbox').append('
' + data.content + '
') // 设置样式 $('.' + idtext + 'body').css({ padding: '0 ' + (titlesize + 10) + 'px' }) // 设置按钮 $('.' + idtext + 'centerbox').append('
') $('.' + idtext + 'footer').css({ paddingtop: '20px' }) // 设置样式 $('.button_s_model').css({ float: 'right', marginleft: '20px', outline: 'none', border: 'none', padding: '8px 30px', cursor: 'pointer', borderradius: '5px', }) // 计算距离顶部距离 calculate($('.' + idtext + 'centerbox'), 40) $('.' + idtext + 'centerbox').css({ top: data.top + 40, }) // 显示动画 $('.' + idtext + 'centerbox').animate({ 'top': data.top, 'opacity': '1', }, data.transition); // 鼠标移入移出 $('.button_s_model').hover(function() { $(this).css({ 'opacity': '.8' }) }, function() { $(this).css({ 'opacity': '1' }) }) // 鼠标按下 $('.button_s_model').mousedown(function() { $(this).css({ 'opacity': '1' }) }).mouseup(function() { $(this).css({ 'opacity': '.8' }) }) // 取消按钮样式 $('.button_s_model.' + idtext + '_cancel').css({ background: '#fff', borderbox: 'box-sizing', border: '1px solid #eee', }).click(function() { data.cancel(close) }) // 确认按钮样式 $('.button_s_model.' + idtext + '_confirm').css({ background: '#2d8cf0', color: '#fff', }).click(function() { data.confirm(close) }) // 清除浮动 $('.clearboth').css({ clear: 'both' }) // 关闭动画 function close() { $('.' + idtext + 'centerbox').animate({ 'top': data.top + 40, 'opacity': '0', }, data.transition) // 删除dom settimeout(function() { $('#' + idtext + '_box').remove(); if (data.pagescroll) { $('body').css('overflow', 'auto') } }, data.transition) } // 按钮关闭 $('.' + idtext + '_item.item3').click(function() { close(); }) // 遮罩层关闭 if (data.maskclose) { $('.' + idtext + '_mask').click(function() { close(); }) } } } // 错误提示 function $error(e) { $modal({ type: 'message', //弹框类型 'alert' or 'confirm' or 'message' message提示(开启之前如果之前含有弹框则清除) icon: 'error', // 提示图标显示 'info' or 'success' or 'warning' or 'error' or 'question' timeout: 2000, // 单位 ms 显示多少毫秒后关闭弹框 （ confirm 下无效 | 不传默认为 2000ms | 最短显示时间为500ms） content: e, // 提示文字 center: true, // 是否绝对居中 默认为false 设置true后 top无效 top: 100, //距离顶部距离 单位px transition: 300, //过渡动画 默认 200 单位ms closable: true, // 是否显示可关闭按钮 默认为 false }) } // 成功提示 function $success(e) { $modal({ type: 'message', //弹框类型 'alert' or 'confirm' or 'message' message提示(开启之前如果之前含有弹框则清除) icon: 'success', // 提示图标显示 'info' or 'success' or 'warning' or 'error' or 'question' timeout: 2000, // 单位 ms 显示多少毫秒后关闭弹框 （ confirm 下无效 | 不传默认为 2000ms | 最短显示时间为500ms） content: e, // 提示文字 center: true, // 是否绝对居中 默认为false 设置true后 top无效 top: 100, //距离顶部距离 单位px transition: 300, //过渡动画 默认 200 单位ms closable: true, // 是否显示可关闭按钮 默认为 false }) }