首页 > 代码库 > 自助移动端弹窗

自助移动端弹窗

  移动端能用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时注意设计弹窗下面的遮罩层,防止下面的页面被点击。

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

自助移动端弹窗