首页 > 移动平台 > 详细

自助移动端弹窗

时间:2016-11-03 13:41:00      阅读:191      评论:0      收藏:0      [点我收藏+]

  移动端能用alert弹窗么?嘿嘿,自己搞一个。

  function alertdiv(){       
     var alertdiv = $(‘<div class="overlay" style="z-index: 99999; left: 0px;"><div class="phone-alert"><div class="phone-alert-panel"><div class="phone-alert-content">请填写正确的手机</div><div class="phone-alert-line"></div><a href="javascript:void(0);" class="pbtn" id="confirmTag">确认</a></div></div></div>‘);
     $("body").append(alertdiv);
     tap($("#confirmTag")[0], function() {
	$(".overlay").remove();
     });
 }

  至于样式大家自己设计一个套一下就可以了。

  效果图如下:

      技术分享

  大家设计css时注意设计弹窗下面的遮罩层,防止下面的页面被点击。

  然后这也不算插件啦,写得有所欠缺,还望海涵。

自助移动端弹窗

原文:http://www.cnblogs.com/jiangbanji/p/6025984.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!