首页>>Jquery文字>>jQuery手机端弹出层提示对话框(2018-08-17)

jQuery手机端弹出层提示对话框

jQuery手机端弹出层提示对话框
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script type="text/javascript">  
  2. $(function(){  
  3.   
  4.    $('#demo1').on('click', function(){  
  5.         webToast("恭喜您，修改成功恭喜您，修改成功恭喜您修改成功恭喜您","middle",3000);  
  6.    });  
  7.      
  8.    $('#demo2').on('click', function(){  
  9.         popTipShow.alert('弹窗标题','自定义弹窗内容，居左对齐显示，告知需要确认的信息等', ['知道了'],  
  10.             function(e){  
  11.               //callback 处理按钮事件         
  12.               var button = $(e.target).attr('class');  
  13.               if(button == 'ok'){  
  14.                 //按下确定按钮执行的操作  
  15.                 //todo ....  
  16.                 this.hide();  
  17.               }   
  18.             }  
  19.         );  
  20.    });  
  21.      
  22.    $('#demo3').on('click', function(){  
  23.         popTipShow.confirm('弹窗标题','自定义弹窗内容，居左对齐显示，告知需要确认的信息等',['确 定','取 消'],  
  24.             function(e){  
  25.               //callback 处理按钮事件  
  26.               var button = $(e.target).attr('class');  
  27.               if(button == 'ok'){  
  28.                 //按下确定按钮执行的操作  
  29.                 //todo ....               
  30.                 this.hide();  
  31.                 setTimeout(function() {  
  32.                     webToast("操作成功","top", 2000);  
  33.                 }, 300);  
  34.               }  
  35.   
  36.               if(button == 'cancel') {  
  37.                 //按下取消按钮执行的操作  
  38.                 //todo ....  
  39.                 this.hide();  
  40.                 setTimeout(function() {  
  41.                     webToast("您选择“取消”了","bottom", 2000);  
  42.                 }, 300);  
  43.               }  
  44.             }  
  45.         );  
  46.    });  
  47.      
  48.    $('#demo4').on('click', function(){  
  49.         var html = "<label>姓名：<input class='confirm_input' placeholder='请输入'></label>";  
  50.         popTipShow.confirm('弹窗标题',html,['确 定','取 消'],  
  51.             function(e){  
  52.               //callback 处理按钮事件  
  53.               var button = $(e.target).attr('class');  
  54.               if(button == 'ok'){  
  55.                 if(null==$(".confirm_input").val() || ""==$(".confirm_input").val()){  
  56.                     webToast("姓名不能为空！","bottom", 3000);  
  57.                     return;  
  58.                 }     
  59.                   
  60.                 this.hide();  
  61.                 setTimeout(function() {  
  62.                     webToast($(".confirm_input").val(),"bottom", 3000);  
  63.                 }, 300);  
  64.                   
  65.                 //按下确定按钮执行的操作  
  66.                 //todo ....                               
  67.               }  
  68.   
  69.               if(button == 'cancel') {  
  70.                 //按下取消按钮执行的操作  
  71.                 //todo ....  
  72.                 this.hide();  
  73.                 setTimeout(function() {  
  74.                     webToast("您选择“取消”了","top", 2000);  
  75.                 }, 300);  
  76.               }  
  77.             }  
  78.         );  
  79.    });  
  80.      
  81. });  
  82. </script>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_671.html